炫酷漂亮简洁的文字广告代码 - 哈迪斯资源网

炫酷漂亮简洁的文字广告代码 - 哈迪斯资源网

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

作者: 哈迪斯

全网最全的网络资源分享网站

手机扫码查看

标签:

代码

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

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>
分享到:
打赏
未经允许不得转载:

作者: 哈迪斯, 转载或复制请以 超链接形式 并注明出处 哈迪斯资源网
原文地址: 《炫酷漂亮简洁的文字广告代码》 发布于2019-9-10

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

哈迪斯影视

哈迪斯影视

【哈迪斯影视】最新最全最好看的影视网,免费提供最新影视,观看影视无广告。【www.fancy6.com】

点击查看