今日公司UI小姐姐浏览某网页,看到网页logo的闪光效果,然后建议我也可以给网站做一个,我看了下效果,之前也在部分网站看到过,效果也不错,今天就用c3动画给大家分享一个,先看效果如下
首先,我们需要找到自己网站logo外面套的盒子,给添加下方css代码,.logo是我网站logo盒子的类名,大家用自己的就行
/*首先我们需要给logo的盒子设置相对定位,设置宽高,并超出部分隐藏*/
.logo{
position: relative;
width: 360px;
height: 60px;
overflow: hidden;
}
接着,我们继续下方css代码
