アイデアの宝庫！CSS3を使ったUI表現・テクニック集CSS3を使ったUIアイデア集 / circular links menu / CSS SWITCH他...全12件
[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 トリガーはチェックボックスで、チェックの有無で刀身を伸び縮
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
