admin WordPress技巧 技术文章 站长学院 2021-10-02 CSS代码为你的网站Logo添加闪光效果 为你的的网站Logo添加一个闪光的效果,怎么做的呢?相当简单,几句CSS搞定,而且适合所有网站,下面把代码分享给大家。 CSS代码如下: /*LOGO 留光效果*/ .logo-wrapper { position: relative; font-size:2em; font-weight:700; line-height:39px; overflow:hidden; margin:0; } .logo-wrapper::before{ content:""; position: absolute; width: 150px; height: 10px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; } @-webkit-keyframes searchLights { 0% { left: -90px; top: 0; } to { left: 90px; top: 0; } } 提供优质的网站源码大全,小程序、APP、H5、支付、游戏、区块链、商城、直播、影音、小说、公众号等源码下载。 33源码 » CSS代码为你的网站Logo添加闪光效果