[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through

画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 radio click through スライダーの動作の仕組みはラジオボタンで、チェックが入ったコンテンツを表示します。 実装はこんな感じ。 HTML 各パネルはリスト要素で、ラジオボタンとラベル、コンテンツがセットになっています。 <div id="gal"> <nav class="galnav"> <ul> <li> <input type="radio" name="btn" value="one" checked="checked"/> <label for="btn"></label> <figure> <img src="image.jpg"/> <figcaption> <h4>見出し</h

[shaoran000]

めも

[teroma2]

この発想はなかった....

[origami03]

スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through 画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹

[iWest7284]

スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through 画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹

[rskmt346]

スライダー

[candykebin]

　これはよさげ

[ml0021234]

css スライダー

[cabbage_kobe]

スゴいHTMLとCSSですね！

[kitone]

コンテンツスライダー

[ooiooiooi0313]

スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through 画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹

[ATKINZ117]

後で見る

[kazuyadesse]

( ´ ▽ ` )ﾉ

[poppun1940]

画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 デモのアニメーション 上記のgif

[ElizaAcolyte]

いや、CSSが長いのはデザイン面での必然であって、仮にJSで実装したとしてもCSSはこのくらいの長さだろう。

[hidex7777]

オチがCSSの長さというギャグですね。

[sommertag]

スクリプトが無い代わりにcssが長かった(・・;)

[saladdays]

SSだけでカルーセルリスト

[kuracom]

suffix切り捨てればだいぶ短くなるな

[kukita]

【CSS】スクリプトなしてHTML/CSSのみで実装するコンテンツスライダー。自分用メモφ(..) #Webデザイン →

[kana321]

コリス

[luccafort]

かっこいいけどもスクリプトなし!と言いながら思ったよりもCSSが長かったｗ

[iroha2_hohe]

スクリプト使ってないけど、ソースが長いね。。

[hatebu_music]

「スクリプト無し」という言葉の罠！

[kakei]

これ使ってみたい。

[m_shige1979]

疑似クラスの理解が必要

[kams3261]

CSS スクリプト無しでおｋ

[sugarshin]

via コリス http://coliss.com

[maritimecolor]

かっこいい！