この記事はCSS Programming Advent Calendar 2012、22日目のための記事です。 CSS Programmingとは、jsを使わないでHTMLとCSSを駆使してゲームとかスライドショーとか作る技術です ということで、ここでは、前回の記事で作った、グローバルナビの下の大きめの画像のところ(以下:スライドショー)を、CSSだけで実装してみます。JavaScriptで実装したサンプルはこちら。 以下が目次になります。 まえがき CSS Programmingに使える便利なやつ transitionプロパティ E ~ F(間接セレクタ) :not(s)否定疑似クラス :checked疑似クラス <label>要素 それCSSで出来るよ。 きっかけづくり チョボのところの仕組み ~と:checked <label> transition :first-childと:fi
![CSSだけでスライドショーはつくれるよ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/632e19451eb07cf6ab898dc540aa91359552f4ea/height=288;version=1;width=512/http%3A%2F%2Flopan.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F07%2Ficon_slideshow-600x600.jpg)