[CSS]アイデアが面白い！チェックボックスで作るStar Warsのライトセーバー

CSSでチェックボックスを使ったテクニックはいろいろ紹介してきましたが、いつもとはちょっと違ったUIエレメントを紹介します。 「Star Wars」のタイトルからして、もうワクワクしますねｗ デモページ Pure CSS3 Lightsaber Checkboxesの特徴 JavaScriptは無し！ グリーンのライトセーバー（ヨーダ） レッドのライトセーバー（ダース・ベイダー） ブルーのライトセーバー（オビ=ワン） パープルのライトセーバー（メイスウィンドウ） MITライセンスのオープンソース 実装 実装もご紹介。 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="/path/to/lightsabers.css"> Step 2: HTML トリガーはチェックボックスで、チェックの有無で刀身を伸び縮

[kana321]

ニュース　コリス

[Donca]

✔ [CSS]アイデアが面白い！チェックボックスで作るStar Warsのライトセーバー

[loose-art]

これは何かで上手く使いたい。

[OfficeRiverHead]

CSSでチェックボックスを使ったテクニックはいろいろ紹介してきましたが、いつもとはちょっと違ったUIエレメントを紹介します。 「Star Wars」のタイトルからして、もうワクワクしますねｗ Pure CSS3 Star Wars Lightsaber CheckboxesPu