CSS Hover Effects

http://php-archive.net

CSS の animation、transiton を使ったホバーエフェクトのサンプル


デフォルト

デフォルト

不透明度

不透明度
不透明度(+背景色)

ズーム

ズームイン
ズームアウト
ズーム X軸
ズーム Y軸

回転

傾き
1回転
ズームとの併用
スピナー Z軸
フリップ X軸
フリップ Y軸

フィルター(Internet Explorer 非対応)

グレイスケール
セピア
ブラー

スライド

スライドイン

不透明度との併用

その他

角丸
ドロップシャドウ
ドロップシャドウ(内側)
グロー
境界線