css实现探照灯摇摆照射404页面动画效果代码-html代码-BFW代码库

css实现探照灯摇摆照射404页面动画效果代码

代码语言：html

所属分类：动画

代码描述：css实现探照灯摇摆照射404页面动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html>

<head>
    <style>
        @charset "UTF-8";

        
        * {
          margin: 0;
          padding: 0;
          -webkit-text-size-adjust: none;
        }
        
        html, body {
          height: 100%;
          overflow: hidden;
        }
        
        body {
          padding: 0;
          margin: 0;
          background: #181828;
          font-size: 14px;
          line-height: 1;
        }
        
        label {
          cursor: pointer;
        }
        
        a {
          margin: 0;
          padding: 0;
          vertical-align: baseline;
          background: transparent;
          text-decoration: none;
          color: #000;
        }
        
        input, select, button, textarea {
          margin: 0;
          font-size: 100%;
        }
        
        html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
          border: 0;
          outline: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }
        
        
        
        .top-header:before {
            content: '';
            display: block;
            width: 100%;
            height: 4px;
            background-repeat: repeat-x;
            background-size: contain;
            position: absolute;
            top: 0;
            left: 0;
          opacity:0.5;
        }
        
        
        .starsec{
          content: " ";
            position: absolute;
            width: 3px;
            height: 3px;
            background: transparent;
           box-shadow: 571px 173px #00BCD4, 1732px 143px #00BCD4, 1745px 454px #FF5722, 234px 784px #00BCD4, 1793px 1123px #FF9800, 1076px 504px #03A9F4, 633px 601px #FF5722, 350px 630px #FFEB3B, 1164px 782px #00BCD4, 76px 690px #3F51B5, 1825px 701px #CDDC39, 1646px 578px #FFEB3B, 544px 293px #2196F3, 445px 1061px #673AB7, 928px 47px #00BCD4, 168px 1410px #8BC34A, 777px 782px #9C27B0, 1235px 1941px #9C27B0, 104px 1690px #8BC34A, 1167px 1338px #E91E.........完整代码请登录后点击上方下载按钮下载查看