Options:

Fill Transitions

Set 1

Simple reveal/hide animation

Fade In Slide Up Slide Right Slide Down Slide Left Slide Middle Slide Middle
Fade Out Reveal Top Reveal Right Reveal Bottom Reveal Left Reveal Middle Reveal Middle

Set 2

Simple reveal/hide animation with background opacity transition

Slide Up 2 Slide Right 2 Slide Down 2 Slide Left 2 Slide Middle Slide Middle
Reveal Top 2 Reveal Right 2 Reveal Bottom 2 Reveal Left 2 Reveal Middle Reveal Middle

Set 3

Simple reveal/hide animation with border accent

Slide Up 3 Slide Right 3 Slide Down 3 Slide Left 3 Slide Middle Slide Middle
Reveal Top 3 Reveal Right 3 Reveal Bottom 3 Reveal Left 3 Reveal Middle Reveal Middle

Set 4

Simple reveal/hide animation with background opacity and border accent

Slide Up 4 Slide Right 4 Slide Down 4 Slide Left 4 Slide Middle Slide Middle
Reveal Top 4 Reveal Right 4 Reveal Bottom 4 Reveal Left 4 Reveal Middle Reveal Middle

Border Transitions

Set 1

Border opacity

Border Fade Border Reverse Border Spin Border Top Border Right Border Bottom Border Left

Set 2

Border opacity

Fade Top Fade Right Fade Bottom Fade Left

Set 3

Border opacity with border accent

Fade Top 2 Fade Right 2 Fade Bottom 2 Fade Left 2

Set 4

Border opacity with border accent

Fade Top 3 Fade Right 3 Fade Bottom 3 Fade Left 3

Set 5

Border detail

Detail Top Detail Right Detail Bottom Detail Left

Set 6

Border detail

Detail Top 2 Detail Right 2 Detail Bottom 2 Detail Left 2

X关闭

CSS3鼠标hover按钮过渡动画特效

这是一款CSS3鼠标hover按钮过渡动画效果。该CSS3鼠标hover按钮过渡动画效果共有两组效果，一组是按钮背景过渡动画效果，一组是按钮边框过渡动画效果。当鼠标滑过即可出现各种的hover覆盖特效。本代码适用浏览器：搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下浏览器，首选火狐浏览器。是一款不错的的特效插件，需要的朋友可以下载