直播網站原始碼,css實現狀態平滑的動畫

zhibo系統開發 發表於 2022-12-07
CSS

直播網站原始碼,css實現狀態平滑的動畫

<!DOCTYPE html>
<html>
<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>
    <style>
        @keyframes panoramic {
            to { background-position: 100% 0; }
        }
        .panoramic {
            width: 150px; height: 150px;
            background: url(');
            background-size: auto 100%; 
            animation: panoramic 10s linear infinite alternate;
            animation-play-state: paused;
        }
        .panoramic:hover, .panoramic:focus {
            animation-play-state: running;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>


以上就是直播網站原始碼,css實現狀態平滑的動畫, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2927124/,如需轉載,請註明出處,否則將追究法律責任。