没有所谓的捷径
一切都是时间最平凡的累积

知更鸟wordpress主题logo扫光特效css样式

本文最后更新于2019年1月5日,已超过316天没有更新,如果文章内容失效,请反馈给本站,谢谢!

前端代码

<div class="logo-site">
<h1 class="site-title">
<a href="https://www.srsdfdsh.top/">
<img src="https://www.srsdfdsh.top/wp-content/themes/begin/img/logo.png" title="技术搬运工" alt="技术搬运工" rel="home">
<span class="site-name">技术搬运工</span></a>
</h1>
</div>

后端样式

.logo-site, .logo-sites {
  position: relative;
  float: left;
  margin: 18px 0 0 10px;
  width: 220px;
  max-height: 50px;
  overflow: hidden;
  transition-duration: .5s;
}

.logo-site img, .logo-sites img {
  width: 220px;
  max-height: 50px;
}

@media screen and (max-width: 480px) {
  .logo-site, .logo-sites {
    width: 140px;
  }
}

@media screen and (min-width: 900px) {
  .logo-site:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 220px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
  }
}

@-webkit-keyframes searchLights {
  0% {
    left: -100px;
    top: 0;
  }

  to {
    left: 120px;
    top: 100px;
  }
}

@-o-keyframes searchLights {
  0% {
    left: -100px;
    top: 0;
  }

  to {
    left: 120px;
    top: 100px;
  }
}

@-moz-keyframes searchLights {
  0% {
    left: -100px;
    top: 0;
  }

  to {
    left: 120px;
    top: 100px;
  }
}

@keyframes searchLights {
  0% {
    left: -100px;
    top: 0;
  }

  to {
    left: 120px;
    top: 100px;
  }
}

更详细的介绍可以查看我另外一篇文章:https://blog.mydns.vip/928.html

» 本文链接地址:https://blog.mydns.vip/944.html
» 如果喜欢可以: 点此订阅本站
赞(0) 打赏
声明:本站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,若涉及侵权请及时告知,将会在第一时间删除,联系邮箱:contact@mydns.vip。文章观点不代表本站立场。本站原创内容未经允许不得转载,或转载时需注明出处:豫章小站 » 知更鸟wordpress主题logo扫光特效css样式
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

智慧源于勤奋,伟大出自平凡

没有所谓的捷径,一切都是时间最平凡的累积,今天所做的努力都是在为明天积蓄力量

联系我们赞助我们

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

支付宝扫一扫打赏

微信扫一扫打赏