前言
分享一段创意相册交互:透明层聚焦框跟随鼠标在相册的图片上移动,聚焦框跟随图片大小改变形状,利用CSS3实现渐变透明效果,大方美观。
效果预览
美图酷览:http://www.xuanfengge.com/gallery/dudulun
实现简介
半透明框
利用CSS3的渐变+rgba的透明效果实现
因为是CSS3,不支持gradient和rgba效果的浏览器请自行做兼容处理
移动效果
利用jQuery的animate动画效果实现
分享一段创意相册交互:透明层聚焦框跟随鼠标在相册的图片上移动,聚焦框跟随图片大小改变形状,利用CSS3实现渐变透明效果,大方美观。
美图酷览:http://www.xuanfengge.com/gallery/dudulun
利用CSS3的渐变+rgba的透明效果实现
因为是CSS3,不支持gradient和rgba效果的浏览器请自行做兼容处理
利用jQuery的animate动画效果实现
帮你顶,人还是厚道点好
窗口大小改变的时候,感觉还有点问题。
被发现了。。。这写的很简单啊,可以加上对resize的时候做处理