化拓教育网

全部频道

您的当前位置：首页CSS3实现的一批hover特效_html/css

CSS3实现的一批hover特效_html/css

来源：化拓教育网


本特效的原版是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


版权声明：本文为博主原创文章，未经博主允许不得转载。

显示全文