CSS代码为你的网站Logo添加闪光效果
为你的的网站 Logo 添加一个闪光的效果,怎么做的呢?相当简单,几句 CSS 搞定,而且适合所有网站,下面把代码分享给大家。
效果大家就看码云笔记 Logo 就行了。
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; } }
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » CSS代码为你的网站Logo添加闪光效果
码云笔记 » CSS代码为你的网站Logo添加闪光效果