<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                ![](https://img.kancloud.cn/bc/8c/bc8cb7fb4ba6490a39223a99ab127400_2018x1226.png) ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="container"> <div class="tit">登錄</div> <input type="text" placeholder="賬號"> <input type="password" placeholder="密碼"> <button>登錄</button> <span>沒有賬號?<a href="#">去注冊</a></span> </div> <div class="square"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class="circle"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <style> * { /* 初始化 */ margin: 0; padding: 0; } body { /* 100%窗口高度 */ height: 100vh; /* 彈性布局 居中 */ display: flex; justify-content: center; align-items: center; /* 漸變背景 */ background: linear-gradient(200deg, #e3c5eb, #a9c1ed); /* 溢出隱藏 */ overflow: hidden; } .container { /* 相對定位 */ position: relative; z-index: 1; background-color: #fff; border-radius: 15px; display: flex; flex-direction: column; align-items: center; width: 350px; height: 500px; /* 陰影 */ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } .container .tit { font-size: 26px; margin: 65px auto 70px auto; } .container input { width: 280px; height: 30px; text-indent: 8px; border: none; border-bottom: 1px solid #ddd; margin: 12px auto; outline: none; } .container button { width: 280px; height: 40px; margin: 35px auto 40px auto; border: none; background: linear-gradient(-200deg, #fac0e7, #aac2ee); color: #fff; letter-spacing: 8px; border-radius: 10px; font-weight: bold; cursor: pointer; /* 動畫過渡 */ transition: 0.5s; } .container button:hover { background: linear-gradient(-200deg, #aac2ee, #fac0e7); background-position-x: -280px; } .container span { font-size: 14px; } .container a { color: plum; text-decoration: none; } ul li { /* 絕對定位 */ position: absolute; border: 1px solid #fff; background-color: #fff; width: 30px; height: 30px; list-style: none; opacity: 0; } .square li { top: 40vh; left: 60vw; /* 執行動畫:動畫名 時長 線性的 無限次播放 */ animation: square 10s linear infinite; } .square li:nth-child(2) { top: 80vh; left: 10vw; /* 設置動畫延遲時間 */ animation-delay: 2s; } .square li:nth-child(3) { top: 80vh; left: 85vw; animation-delay: 4s; } .square li:nth-child(4) { top: 10vh; left: 70vw; animation-delay: 6s; } .square li:nth-child(5) { top: 10vh; left: 10vw; animation-delay: 8s; } .circle li { bottom: 0; left: 15vw; /* 執行動畫:動畫名 時長 線性的 無限次播放 */ animation: circle 10s linear infinite; } .circle li:nth-child(2) { left: 35vw; /* 設置動畫延遲時間 */ animation-delay: 2s; } .circle li:nth-child(3) { left: 55vw; animation-delay: 6s; } .circle li:nth-child(4) { left: 75vw; animation-delay: 4s; } .circle li:nth-child(5) { left: 90vw; animation-delay: 8s; } /* 定義動畫 */ @keyframes square { 0% { transform: scale(0) rotateY(0deg); opacity: 1; } 100% { transform: scale(5) rotateY(1000deg); opacity: 0; } } @keyframes circle { 0% { transform: scale(0) rotate(0deg); opacity: 1; bottom: 0; border-radius: 0; } 100% { transform: scale(5) rotate(1000deg); opacity: 0; bottom: 90vh; border-radius: 50%; } } </style> <script> </script> </body> </html> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看