on:2013年11月18日sponsors画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。実装はHTML/CSSで、スクリプトは無しです。デモのアニメーション上記のgifアニメーションは軽量化のためコマ数を落としていますが、実際の動作はもっと滑らかで気持ちいいです。下記ページでお試しください。throughスライダーの動作の仕組みはラジオボタンで、チェックが入ったコンテンツを表示します。HTML各パネルはリスト要素で、ラジオボタンとラベル、コンテンツがセットになっています。</nav></div>CSSスライダーの動作だけでなく、コンテンツ自身の画像以外も全てスタイルシートで作成されています。