logo添加闪光效果css网上一搜索就有的东西,有的人居然拿来卖钱

作者 : 千码网 经验教程 2019-09-17 共379人阅读

网上一搜索就有的东西,有的人居然拿来卖钱,真是想钱想疯了

#引用#
<div class="logo">内容<div>
/**logo闪光效果CSS**/
.logo:before {
 content: "";
 position: absolute;
 width: 140px;
 height: 10px;
 background-color: rgba(255, 255, 255, 0.5);
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -webkit-animation: blink 1s ease-in 1s infinite;
 animation: blink 1s ease-in 1s infinite;
}
 
@-webkit-keyframes blink {
 from {left: 10px;top: 0;}
 to {left: 320px;top: 0;}
}
@-o-keyframes blink {
 from {left: 10px;top: 0;}
 to {left: 320px;top: 0;}
}
@-moz-keyframes blink {
 from {left: 10px;top: 0;}
 to {left: 320px;top: 0;}
}
@keyframes blink {
 from {left: -100px;top: 0;}
 to {left: 320px;top: 0;}
}
声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试
千码网 » logo添加闪光效果css网上一搜索就有的东西,有的人居然拿来卖钱