专注前端,专注网页设计制作 - (网页制作/模板制作/设计) QQ:755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | TOP排行榜 | Tag标签 | 联系我们
当前位置: 网站首页 > 网页特效 > CSS样式 > >

纯CSS3实现的超好看动态斜纹图片边框

发布时间:2014-03-29 来源/作者:学技巧 分类:CSS样式 阅读:点评一下


(www.xuejiqiao.com)提示:可修改后再运行代码!

大家可以通过运行代码看到效果,当鼠标停留在图片上面时,图片的边框就会出现带有斜度的条纹背景(暂且不管动画), 看下源代码就能明白其中的原理,首先用样式制作出条纹背景,设置opacity值为0,在鼠标经过图片所在的层是再将opacity改为1并且中间设置个过渡时间,这样子条纹背景图就能缓慢的出现以及消失。

分享到:
  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!

相关CSS样式