css3のアニメーションプロパティ、transitionがとても面白いので何となくアニメーションのサンプルを色々と作ってみました。まだ対応ブラウザは少ないですが、将来の為に予習してみたのでシェア。 css3のtransitionプロパティは変化を与えるプロパティです。アニメーションを実装できるプロパティはtransitionとanimetionがあり、後者のほうが「アニメーション」としての位置付けっぽいのですが、今回は何となくtransitionを使用しました。 プロパティ:-webkit-transition対応ブラウザ:webkit系(GoogleChrome、Safari等)JavaScript:未使用(※ソース閲覧の部分はjsを使っています) 一応アニメーション以外(角丸など)は-mozも入れています。 サンプルなので「-webkit-transition: *s ease-in-
![css3のtransitionプロパティでアニメーションサンプルをいろいろ作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)