css特效 一道闪光在图片上划过代码
发布时间:2015-05-12 来源:查字典编辑
摘要:在百度音乐http://music.baidu.com/看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于...
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下:
大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的线性渐变linear-gradient,然后hover的时候,设置0.5s的动画时间。
同时在 i 层使用 cursor:pointer,如果不设置这个的话,需要等透明层动画之后才能看得到 pointer 指针。
打开 fireBUG 调试来看会更加清楚!
代码如下:
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
- Android的Glide库加载图片的用法及其与Picasso的对比
- win10预览版10061有哪些新特性 win10build10061新特性视频欣赏
- Android中用onSaveInstanceState保存Fragment状态的方法
- Android App中ListView仿QQ实现滑动删除效果的要点解析
- Photoshop为竹林婚片调制出梦幻复古的淡调青蓝色
- Android App中使用Glide加载图片的教程
- Android中Intent机制详解及示例总结(总结篇)
- Android手势密码的实现
- Android的多媒体管理库Glide的基本使用示例
- 怎么把Win7快速启动栏设置成winXP系统的样式?
最新 Div+Css教程学习
热门 Div+Css教程学习