画像をプルプルさせるCSSの巻

CSSという時代の進歩は素晴らしい。目を見張るものがある。
今や時代はCSS3。CSSさえ使いこなすことができれば世界を股にかけることだって不可能ではないのだ。

いいかね読者の諸君。

これからはCSSだ。生きていくのに最も必要なもの、それはCSSだ。
愛だの恋だの友情だの、そんなものは週刊少年ジャンプにまかせておけばいいのだ。

CSSで画像をプルプルさせよう

ということで前置きはこのへんにしておいて、今日はタイトル通り「CSSで画像をプルプルさせよう」という小ネタです。

やっぱりプルプルなので、サンプルにはプリンの画像を用意しました。

以下、いろいろと実践例を置いておくので画像にマウスを合わせてみてください。
スマホからの閲覧の方も、画像をタッチすると動きますよ。やってみてね

※IEでは動きません。

 

実践例①ぷるぷる

ginzapudding

 実践例②きゅんきゅん

ginzapudding

 実践例③ふらふら

ginzapudding

結論:CSS3はスゴイ

今回ご紹介したコードはCSS3に基づいてます。
CSSは本当にすごいなと思いますし、検索すればもっともっと遊び心に満ちたcssプロパティが見つかると思います。

あなたのサイトやブログにも、ちょっとしたアクセントとしていかがでしょうか。

では!

 

↓ぷるぷるさせたいなと思った方はシェアを。

ABOUTこの記事をかいた人

から揚げと音ゲーとFカップが好きな関西人。普段は塾の先生として楽しくお仕事しています。このブログではいろんなことをおもしろおかしく書くことを目標としています。 さらに詳しいプロフィールはこちら