こんにちは、UXデザインの松山です。梅雨入りでジメジメしてキノコが生えそうですね。 ちなみに、キノコの中では「なめこ」が一番好きです。 今回、Tips*Blogの更新2回目となります。1回目は「ストリートビューの道案内」をご紹介しました。今回はjQueryと要素を回転させるプラグインを使用したアニメーションのテクニックをご紹介します。 jQueryのプラグインである「jQueryRotate」を使い卵をゆらゆら揺らすアニメーションを作ってみましたので、そのやり方を解説します。 WEBサイトで卵を揺らすという機会はほとんどないと思いますが、覚えておけば何かの役に立つ時が来るはずです。 現在、WEBで簡単なアニメーションというとCSS3が主流だと思いますが、今回はjQueryでの実装方法をご説明します。 今回作成したサンプルはこちら 今回の内容 一定間隔で複数の卵を別々にアニメーション クリッ
![【jQueryアニメーション】イラストの卵を一定間隔でゆらゆら揺らしてクリックでひよこ登場!!|Tips*Blog|株式会社コプロシステム](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bfb4179b1ce3e9d9fd18c80279a5a3f06b1cedf/height=288;version=1;width=512/http%3A%2F%2Fwww.coprosystem.co.jp%2Ftipsblog%2Fimg%2Fimg_tips_150609-01.jpg)