CSS3で追加されたanimationを使って何かしてみたかったので、画像を次々入れ替わって表示されるスライドを作ってみました。 まだまだ実用的ではないので、今回ChromeやSafariのWebKit系のみになりますのでご了承ください。 こういうのを何と呼べばいいのかよく分からなかったので、皆さんがイメージしているものと違ったらごめんなさい。 今回は別サーバーにサンプルを用意しました。 HTMLは非常にシンプルです。 <div id="img-slide"> <a href="#"><img src="img1.png" id="img1" /></a> <a href="#"><img src="img2.png" id="img2" /></a> <a href="#"><img src="img3.png" id="img3" /></a> <a href="#"><img src
![CSS3のanimationを使ったWebKit系対応の画像スライドの作り方](https://cdn-ak-scissors.b.st-hatena.com/image/square/41f84ceeb087cc9a9ecf1d64257891f092764c30/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-73.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fwebpark-ogp.png)