zoukankan      html  css  js  c++  java
  • CSS3边框会动的信封

    <!DOCTYPE html>
    <html>
    
    <head>
     <title>酷炫的CSS3</title>
     <meta charset="utf-8">
    </head>
    <style>
     @keyframes ants {
       to {
         background-position: 100%;
       }
     }
    
    .demo {
      display: block;
      margin: 200px auto;
       300px;
      height: 200px;
      border: 1em solid transparent;
      background: linear-gradient(white, white) padding-box,
      repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0/5em 5em;
      animation: ants 12s linear infinite;
     }
    </style>
    <body>
    <div class="demo"></div>
    </body>
    
    </html>

    静态效果图:

  • 相关阅读:
    MFC列表控件更改一行的字体颜色
    MFC之sqlite
    MFC笔记10
    MFC---关于string.h相关函数
    MFC笔记8
    MFC笔记7
    MFC笔记6
    MFC笔记5
    MFC笔记4
    MFC笔记3
  • 原文地址:https://www.cnblogs.com/Zmmy/p/8526797.html
Copyright © 2011-2022 走看看