[CSS]画像をゆらゆらと振り子のようにアニメーションで揺らすスタイルシート

JavaScriptは使用せず、CSS3アニメーションで画像を振り子のように揺らすスタイルシートを紹介します。 Swinging image with CSS animations 画像はネコの写真だけで、枠やピンや糸はスタイルシートです。 実装は下記のようになります。 HTML <figure class="swing"><img src="http://placekitten.com/g/200/200"></figure> CSS body {background: #9cf;} .swing { -moz-animation: swing linear 2s infinite; -moz-transform-origin: center -20px 0; -webkit-animation: swing linear 2s infinite; -webkit-transform-o

[kana321]

JavaScriptは使用せず、CSS3アニメーションで画像を振り子のように揺らすスタイルシートを紹介します

[glat_design]

思ってたより全然スムーズ /

[kkeisuke]

揺れる

[sugarshin]

from W3Q Reader http://w3q.jp/rs

[pink_dark]

面白いんだけど、影が動きに対して嘘ついてるから、これを何とかできるともっと良くなりそう。

[hr07jp]

画像をゆらゆらと振り子のようにアニメーションで揺らすスタイルシート

[imo758]

ブラウズがますます重く…

[iww]

javascriptなしか。 operaはどうでもいいとしてIEで動かないのは問題だろうに。

[Donca]

✔ [CSS]画像をゆらゆらと振り子のようにアニメーションで揺らすスタイルシート