on:2013年5月29日sponsorsCSSでチェックボックスを使ったテクニックはいろいろ紹介してきましたが、いつもとはちょっと違ったUIエレメントを紹介します。-GitHubチェックボックスで作ったライトセーバーは、こんな感じ。CSSアニメーションでかっこよく刀身が伸びます。デモのアニメーションデモページは下記です。ベストビューはWebkit系のChromeで、IE9+もサポートしています。外部ファイル当スタイルシートを外部ファイルとして記述します。HTMLトリガーはチェックボックスで、チェックの有無で刀身を伸び縮みさせます。yoda」の「yoda」を変更します。Posts関連記事が見つかりませんでした。