CSSでアニメーションのテスト

「CSS3 ANIMATION CHEAT SHEET」を使って、アニメーションをしてみるテスト。

「CSS3 ANIMATION CHEAT SHEET」ではHTMLの要素に滑らかなアニメーションをつけられるCSSが公開されています。CSS3からアニメーションやキーフレームを指定できるようになり、JavaScriptを使わなくてもCSSのみでアニメーションが簡単につけられるようになりました。よく使われそうなアニメーションをひとまとめにしたCSSがダウンロードできます。
http://www.lifehacker.jp/2014/12/141203css3_anime_cheat_sheet.html

過去記事で使った McLaren Honda MP4-7 をフェードインで表示してみる。

もうひとつ。

記事ページのスタイルとしてのみ登録したら、アニメーションするけど、記事ページの全てでスタイルが崩れたので全体に追加(トップページのスタイルに追加)してみた。
すこしずつテストを兼ねて使ってみることにする。


Ads by Google

タグ：CSS3 アニメーション