[CSS]さりげないアクセントとして面白い、キーフレームを使ったCSS3アニメーション

IE7でのキャプチャ（アニメーションは静止状態で表示） [ad#ad-2] キーフレームを使ったCSS3アニメーションのスタイルシートは、下記のようになります。 CSS 1枚目の葉っぱのスタイルシート。 ※ヘッダの葉っぱは同様に4枚の葉っぱをコントロールします。 .deco { position: absolute; } .leaf-1 { left: 670px; -webkit-animation: leaf1 2s ease infinite alternate 0; top: -32px; } @-webkit-keyframes leaf1 { from { } to { -webkit-transform: rotate(11deg) translateX(-6px); } } ※デモページでは「-moz-」も使用しています。

[hidehish]

見てる:

[lanius]

かわいい。

[warriorking]

(CSS)さりげないアクセントとして面白い、キーフレームを使ったCSS3アニメーション | コリス

[kitaj]

いつか使うかも

[nors]

http://www.impressivewebs.com/replace-flash-with-css3-animation/ http://www.impressivewebs.com/demo-files/flash-to-css3-animation/

[hiroshi_revolution]

さりげないアクセントとして面白い、キーフレームを使ったCSS3アニメーション | コリス

[www-tmcc]

Reader

[Donca]

✔ [CSS]さりげないアクセントとして面白い、キーフレームを使ったCSS3アニメーション