JavaScriptは無し、CSSで実装されたUIコンポーネントのまとめ -Pure CSS Components

<!-- Carousel --> <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio"

[coliss]

カルーセル、折り畳み、ドロップダウン、モーダル、タブ、ツールチップなどのUIコンポーネントをCSSで実装。

[tsuki-rs]

CSSだけで簡易的ではあるけど出来ること増えて嬉しい。

[djshigy]

css

[light940]

bulmaとかもそうだけどcssだけで使えるコンポーネントは割と便利だからこうゆうのあるといいなぁ

[og_og]

これはコピペ不可避

[otchy210]

もうちょいオシャレなアニメーションとか期待したんだけどな。フェードインフェードアウトばっかりなの微妙じゃない？

[kno]

力技っぽいのもあるけど興味深い

[hugie]

Browser Supportの表、Chromeの列にはOS名が書かれてるけど、その他ブラウザ名の列はサポートの可否が書かれてて気持ち悪い。Chromeで動くのが前提だからこういう書き方もあり、なの？

[nisisinjuku]

へぇ～ここまでできるのね。

[mobile1980]

保存