ホームページでアニメーションを活用
こんにちは、取手市でホームページ制作をしている、とりでホームページサービスです。
今回はホームページでのアニメーション活用についてご紹介したいと思います。アニメーションを追加する方法は、CSS、JavaScript、GIFアニメーション、jQueryなど様々な方法がありますが、とりでホームページサービスではWordPressプラグインを使ったCSSアニメーションを活用しています。
WordPress(ワードプレス)は、ブログやWebサイトを簡単に作成できるオープンソースのコンテンツマネジメントシステム(CMS)で世界中で利用されています。WordPressプラグインは、WordPressサイトの機能を拡張するためのソフトウェアで、ブログにさまざまな機能を追加したり、既存の機能をレベルアップしたりすることができます。
ここではWordPressプラグインを利用して、文字や写真・イラストなどにもアニメーションの動きを追加したサンプルの一部をご紹介します。ホームページ作成の際に、ご希望のアニメーションも追加できますのでお気軽にお問い合わせください!
アニメーション
[フェードイン]
ホームページ
\まるっと/
おまかせ
アニメーション
[バウンス]
ホームページ
\まるっと/
おまかせ
アニメーション
[下から移動後に拡大]
ホームページ
\まるっと/
おまかせ
アニメーション
[揺れる]
ホームページ
\まるっと/
おまかせ
アニメーション
[右からスライドイン]
アニメーションは、遅延や速度なども指定できるので、横並びのアニメーションの開始をずらすなど表現の幅を拡げることが可能です。アニメーションを再度表示する場合は、ブラウザの再読み込みを行ってください。