炫酷漂亮简洁的文字广告代码

2019-12-2 15:48:00  人气 304    程序下载&共享  
<style>
.Text-Advertising {
border-radius: 0px;
position: relative;
width: 100%;
clear: both;
background: #fff;
padding: 8px;
overflow: hidden;
animation: shine 1s infinite linear;
}

.Text-Advertising ul{position:relative;float:left;width:20%;z-index: 2}

.Text-Advertising li{width:100%;text-align:center;font-size:12px;padding:3px 0;}

.Text-Advertising:after{content:’’;position: absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#fff;z-index: 0;}

.Text-Advertising:before{content:””;position:absolute;left:-200%;width:300%;height:50px;background-image: linear-gradient(0, transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);background-color:rgba(255,255,255,.4);transform:rotate(-60deg);animation:searchLights 3s ease-in 3s infinite;z-index: 3;pointer-events: none;}
@keyframes shine {
[b

共有 1 个附件

1.20191009205035_21603.jpg(6.8KB)
20191009205035_21603

下页    上页    全部    余下    
 

. wap站长网-提供wap精品源码、二手资源买卖-http://wapzz.cn

发表回复

   


  通知楼主
暂无回复!
过去式站长之家2020年“
uc浏览器怎么申诉啊!
看看我这个首页轮播图如何
域名报毒怎么办???
新年特惠,云服务器最低13
友联的来
太冷清了吧
站长还有多少人啊,进来留个
返回程序下载&共享
2009-2018 版权所有 1159.com.cn pc