HTML・CSS・jQueryを使ったコンテンツのアニメーション表示のサンプルです。
コピペですぐにご使用いただけます。
※各コンテンツ右下にある「詳細へ」リンクをクリックすると各アクションの詳細へ遷移します。
※一度実行されたら実行後の状態のままのため、再度確認したい場合は再読み込みをお願いいたします。
一定でスライドし続ける
一定のスピードでコンテンツがスライドし続けます。
サンプルのように波線の画像を使うと波打つようなアニメーションにすることができます。
ぱたぱたと４段階で開いていく
４段階でコンテンツが開いていきます。
メインビジュアルにこのアニメーションを実装するとさらに魅力的なサイトになると思います。
また、画像も4分割されたものを選ぶとよりぱたぱたと開いていく感じが増します。
円形に広がる
中央から円形にコンテンツが広がります。
よりそのコンテンツを目立たせてくれるアニメーションです。
DXO株式会社では一緒に働く
仲間を募集しています！
DXO株式会社ではWeb開発エンジニア、Webディレクター、Webデザイナーなど様々な職種で一緒に働く仲間を募集しています。
募集要項・福利厚生など、詳しくはDXO株式会社採用サイトをご覧ください。
