opacity

CSSのみで、クリックするとGIFアニメが再生されるやつ

CSSだけでサムネイルをクリックすると画像が切り替わるイメージギャラリー

CSSで「続きを読む」を作る

Ads

CSSだけで作られたストップウォッチ

簡単なコードでマウスホバーした要素以外を透過する

クリックで展開する円状のメニュー

CSSだけでLightbox風に画像ポップアップ

detailsタグでクリックで開閉するFAQコンテンツ

画像にマウスホバーでグラデーションのオーバーレイエフェクト

アニメーション&フェードエフェクトで複数画像を表示する

CSSのみでモダンなアニメーションエフェクトで表示されるモーダルウィンドウ

マウスホバーするとグラデーションの背景と、遅延してテキストが浮かび上がる

アニメーションやData URI scheme、clip-path等を使った高度なテキストホバーエフェクト集#1

テキストを一文字ずつフェードインさせる

様々な色のグラデーションに変化する背景

画像のマウスホバーしたら少し拡大+テキストがアニメーション表示

リンクにホバーしたら下線をアニメーション表示

ピュアCSSでコンテンツフィルター

ボタンのホバーアニメーションサンプル集#2

ボタンのホバーアニメーションサンプル集#1

テキストとCSSだけでローディング中を明示するアニメーション

フォームの要素に入力したらlabelが浮かび上がり、表示される