Hi-Libraryぷろぐらみんぐについて。ときどきどうでもいいことについて。この広告は、90日以上更新していないブログに表示しています。2008-11-29CSS3のアニメーションcssCSS3ではアニメーションの設定までできちゃうらしいですね。正式に勧告されているわけではないので、Web-kit系つまりSafariでしかどうさしません。以前ちらっとCSSだけでアコーディオンメニューを作るみたいな記事があったので、それと連動してさらにアニメーションさせたら素敵やん。いうことでやってみました。例によってサンプルはさくらサーバーに。http://paseo102.sakura.ne.jp/test/test.htmlもちろんsafariじゃないとアニメーションしません。それもアニメーション対象が中のdivだけしかうまく動作しないので、最初はいきなりパッってなります。詳しく調べればちゃんとできそうですね。ease-in-out;この三つを指定してやる。all;は、アニメーションさせるプロパティを指定するっぽいです。っぽいってのは資料が少なくていまいちよくわからないからです。1s;これはアニメーションにかける時間ですね。ease-in-out;これはアニメーションの動きを指定するみたいです。加速や減速がスムーズなので、下手にJavaScriptで自作するよりかっちょいい動きします。»プロフィールid:shin_bashiぷろぐらみんぐについて。ときどきどうでもいいことについて。(1)月別アーカイブはてなブログをはじめよう!shin_bashiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。