举重若轻流水行云,前端纯 CSS3 实现质感非凡的图片 Logo 鼠标悬停(hover)光泽一闪而过的光影特效

刘悦 at 
喜欢看电影的朋友肯定会注意到一个有趣的细节,就是电影出品方一定会在片头的 Logo 环节做一个小特效:暗影流动之间光泽一闪而过,这样做不仅可以提高 Logo 的辨识度,还可以提升质感,一举两得。参照华纳兄弟影业(WarnerBros.Pictures)的例子:那么,在前端领域,如果使用纯 CSS 技术,能不能实现类似的特效呢?答案当然是可以的,这次我们以本站的 Logo 为例子,以一持万、提纲挈领地讲解一下如何使用纯 CSS 技术实现图片 Logo 鼠标悬停光泽一闪而过的光影特效。一般情况下,大多数前端开发会选择 linear-gradient(),这个方法创建一个表示两种或多种颜色线性渐变的……