今日公司UI小姐姐浏览某网页,看到网页logo的闪光效果,然后建议我也可以给网站做一个,我看了下效果,之前也在部分网站看到过,效果也不错,今天就用c3动画给大家分享一个,先看效果如下

使用css动画给自己网站添加一个动态闪光logo

  首先,我们需要找到自己网站logo外面套的盒子,给添加下方css代码,.logo是我网站logo盒子的类名,大家用自己的就行

/*首先我们需要给logo的盒子设置相对定位,设置宽高,并超出部分隐藏*/
.logo{
    position: relative;
        width: 360px;
        height: 60px;
    overflow: hidden;
}

  接着,我们继续下方css代码

文章回复.png管理员已设置登录后刷新可查看