category:
Technology
Back to Blog Index
CSSだけでJavaScriptのような動きを実装するサンプル30
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。
- Valid Non-Javascript Lightbox
JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです - Create a Content Slider Using Pure CSS
さくさくと切り替わるコンテンツスライダー - Pure CSS speech bubbles
CSSで作る吹き出し型のデザイン - Accordion Using Only CSS
CSSを使ったアコーディングメニュー - CSS-Only Tabbed Area
CSSだけを使ったタブコンテンツ - Pure CSS Sticky Footer
ブラウザ下部にはりつくフッター