CSS3プロパティ transition | HALAWATA.NETCSS3で新たに作られたプロパティ、transition。 これを使うとJavaScriptを使わなくても簡単にアニメーションの動きを付けることができます。 今回はCSS3プロパティ、transitionについてまとめてみました。 まずはちょっとしたデモ マウスを乗せるとなめらかに色が変わっていくのがわかると思います。 こうしたアニメーションを付けられるのがtransitionプロパティです。 transitionの使い方 上のサンプルを使って解説していきます。 まずは変化前と変化後を指定します。 #test { background-color: #CCFFFF; } #test:hover { background-color: #00FFFF; } もちろんこの状態ではアニメーションにはなりません。このCSSにtransitionプロパティを加えます。 #test { backgro
