哈迪斯资源网

当前位置:首页 > 插件代码 > 详情
炫酷漂亮简洁的文字广告代码
分类:插件代码 时间:2019-9-10 围观:322

3.png

哈迪斯分享一个从某博客爬下来的炫酷简洁文字广告代码,以下是代码。

<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 { 0% { background-position: -1px -1px;} 100% { background-position: -12px -12px;}}@keyframes searchLights{0% {left:-200%;top:0} to{left:100%;top:100px}</style><div class="Text-Advertising"><!--第1列--><ul class="list-unstyled"><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li></ul><!----第2列---8月5---><ul class="list-unstyled"><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #3399cc;">广告8元/月</span> </a></li><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #3399cc;">广告8元/月</span> </a></li></ul><!----第3列---8月5---><ul class="list-unstyled"><li><a href="https://www.hadeszy.com/go.php/?url=https://www.hadeszy.com/ys" rel="nofollow noopener" target="_blank"> <span style="color: #9933cc;">哈迪斯影视</span> </a></li><li><a href="https://www.hadeszy.com/go.php/?url=https://www.hadeszy.com/ys" rel="nofollow noopener" target="_blank"> <span style="color: #9933cc;">哈迪斯影视</span> </a></li></ul><!----第4列--8月4---><ul class="list-unstyled"><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #0000cc;">广告8元/月</span> </a></li><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #0000cc;">广告8元/月</span> </a></li></ul><!----第5列----><ul class="list-unstyled"><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li><li><a href="https://www.hadeszy.com/" rel="nofollow noopener" target="_blank"> <span style="color: #ff0033;">广告8元/月</span> </a></li></ul></div>
THE END
免责声明:本文由哈迪斯资源网撰写发布,但不代表本站的观点和立场。

评论:

未显示?请点击刷新