デモ 実務案件で実装したローディングアニメーションデモ 実際の案件で使用したローディングアニメーションのデモです。アクセスすると、ロゴのマークとロゴが表示され、ロゴのマークが2回転するアニメーションが発動します。その後、黒背景が剥がれるアニメーションが発動し、本文が表示されます。 続きを読む
コラム paddingとmarginを指定していないのに要素と要素の間に余白ができてしまう時の原因と対処法について解説！ paddingとmarginを指定していないにも関わらず要素間に余白ができる問題について解説しています。余白の原因や対処法を詳しく紹介し、要素の表示を正しく調整する方法を説明します。要素の間に不要な余白を解消する方法を理解して、意図したデザインを実現しましょう。 続きを読む
デモ スライダーの画像をWordPress管理画面から変更可能にした実務経験について この記事ではHTML知識が不要な方でもカスタム投稿タイプの個別ページにスライダーを設置し、管理画面から画像変更できるようにした実務経験について書いています。 続きを読む
デモ 画像が右から左に無限スクロールするアニメーション 右から左に無限スクロールするアニメーションのデモです。実際のサイトでは、舞台をイメージしたデザインで、カーテンの画像が両端に配置され、生徒さんの舞台での演劇の画像がカーテンからカーテンへと流れるようになっています。 続きを読む
デモ ファーストビューの写真が時間差フェードで切り替わるアニメーション 大学のオープンキャンパスの資料請求のLPのファーストビューに使用される、時間差フェードで切り替わる写真のアニメーションデモです。CSSアニメーションを活用し、鮮やかなフェード効果と切り替わりを実現しています。 続きを読む
デモ スクロールして画面に入った時にカウントアップして円形のバーが溜まるアニメーション 直接依頼で制作した、カウントアップと円形に溜まるバーのアニメーションです。#アニメーション #スクロール #カウントアップ #円形プログレスバー #円形に溜まるゲージ 続きを読む
