eyemovic inc.

Culture blog会社の活動・働き方

2012.02.17

CSS3を使った簡単なアニメーション

繁忙期ということもあり、あまり時間とネタがなかったので、
簡単なCSS3のアニメーションをご紹介したいと思います。

※IE系ブラウザでは動きませんので、Google chromeFirefoxに乗り換えられることをおすすめ致します。

要素の回転(transform : rotate)

要素の変化(transition)

サンプル素材の作成時間もなかったので、トップで使用している画像を使用しております。
色合いとかも適当です。あしからず。

最後に、
IEとか古いブラウザを気にしないのであれば、
JS処理なしで簡単に動きのあるサイトができるのではないでしょうか。

愛媛県松山市でWeb開発一筋15年、700サイト以上の構築実績!

Webサイト制作・システム開発・スマホアプリ開発・組込ソフトウェア開発ならアイムービックにお任せ下さい。