溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

過渡效果 loding 動畫 animation

發布時間:2020-07-22 14:52:17 來源:網絡 閱讀:615 作者:小仙女KOMons 欄目:web開發

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title></title>
<style>

  • {
    margin: 0px;
    padding: 0px;
    }
    .Load {
    margin: auto;
    margin-top: 200px;
    width: 240px;
    height: 20px;
    padding: 5px;
    }
    .Load div {
    float: left;
    margin: 0 10px;
    width: 20px;
    height: 20px;
    background: #F95F4A;
    border-radius: 50%;
    }
    @keyframes myfirst1 {
    90% {
    background: #fff;
    }
    }
    @keyframes myfirst2 {
    90% {
    background: #fff;
    }
    }
    @keyframes myfirst3 {
    90% {
    background: #fff;
    }
    }
    @keyframes myfirst4 {
    90% {
    background: #fff;
    }
    }
    @keyframes myfirst5 {
    90% {
    background: #fff;
    }
    }
    @keyframes myfirst6 {
    90% {
    background: #fff;
    }
    }
    .Dot1 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 0.3s;
    }
    .Dot2 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 0.6s;
    }
    .Dot3 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 0.9s;
    }
    .Dot4 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 1.2s;
    }
    .Dot5 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 1.5s;
    }
    .Dot6 {
    animation: myfirst1 1.8s infinite;
    animation-delay: 1.8s;
    }
    </style>
    </head>
    <body>
    <div class="Load">
    <div class="Dot1"></div>
    <div class="Dot2"></div>
    <div class="Dot3"></div>
    <div class="Dot4"></div>
    <div class="Dot5"></div>
    <div class="Dot6"></div>
    </div>
    </body>
    </html>
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女