jQueryで画像を破壊するエフェクトを作る方法


20110126-07

Create an Exploding Logo with CSS3 and MooTools or jQueryというエントリーより、
画像にマウスオーバーした際に、バラバラと壊すエフェクトをjQueryで作る方法をご紹介。

IT/WEB業界への転職なら求人サイトGreen

どのような動きをするのかは、実際のデモを見て頂くのが一番だと思います。

デモ

眼鏡をかけた男性の画像が、あらら・・・な感じになってしまいます。
遊び心があって良いですね。

ブーメランのようにもとに戻る動きも面白いです。

実装にはjQueryかmootoolsを選択できるようになっています。
アニメーション部分にはCSS3を使っているようですね。

ひと工夫させたいサイトにぜひ。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly