- <!DOCTYPE html>
- <HTML>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- </head>
- <style type="text/CSS">
- /* *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing:
- inherit; box-sizing: inherit; } */ .logo_flash{ position: relative; margin:
- 0 auto; transition-duration: .5s; } .logo_flash{ width: 255px; overflow:
- hidden; } .logo_flash:before{ content:""; position: absolute; left: -665px;
- top: -460px; width: 200px; 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;
- } }
- </style>
- <body>
- <p class="logo_flash">
- <img src="https://cdn.portrait.qdfuns.com/000/01/75/17568_2f4059dbdef515f7ddf25d1888ec1704.jpg"
- width="255" height="75" alt="">
- </p>
- </body>
- </HTML>
来源: http://www.qdfuns.com/article/17568/b3c800f5aa82ab85ca522b8ef2ee4b83.html