CSS 3が実現したホーバーの特効
本特効の原版はcodepenの上のhoverです.cssプロジェクトは、個人的に好きなのですべてのhover特効を自分でも一度書いて、ファイルをアップロードするのが面倒なので、直接cssをHTMLコードに統合して、コードをコピーして保存した後、ブラウザでブラウズすることができます.
Hover
2D Transforms
Grow
Shrink
Pulse
Pulse-grow
Pulse-shrink
Push
Top
Rotate
Grow-rotate
Float
Sink
Hover
Hang
Skew
Skew-forward
Wobble-vertical
Wobble-horizontal
Wobble-top
Wobble-bottom
Border Transitions
Border-fade
Hollow
Trim
Outline-outward
Outline-inward
Round-corners
Shadow and Glow Transitions
glow
box-shadow-outset
box-shadow-inset
float-shadow
hover-shadow
shadow-radial
Speech Bubbles
bubble-top
bubble-right
bubble-bottom
bubble-left
bubble-flout-top
bubble-float-right
bubble-float-bottom
bubble-float-left
Curls
curl-top-left
curl-top-right
curl-bottom-right
curl-bottom-left