css闪光logo 

<style type="text/css" media="all">
.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}
.ripro-dark .logo-wrapper::before{content:"";position:absolute;width:150px;height:10px;background-color:rgba(25,22,22,.55);-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}
}
</style>

html

<div class="logo-wrapper"><img src="/template/b_default/images//uugai.com_1639104413998.png" class="logo-2" style="width: auto;"></div>


评论