其他分享
首页 > 其他分享> > HTML 动画效果

HTML 动画效果

作者:互联网

<!DOCTYPE html> <html>
<head>     <h4>donghua</h4> </head>
<body>     <style>         div {             height: 50px;             width: 80%;             background: black;             margin: 60px auto;             border-radius: 5px;             position: relative;         }                 #torino {             animation-name: rainbow;             animation-duration: 4s;         }                 @keyframes rainbow {             0% {                 background-color: blue;                 top: 0px;                 left: 0px;             }             50% {                 background-color: greenyellow;                 top: 50px;                 left: 25px;             }             100% {                 background-color: yellow;                 top: 0px;                 left: -25px;             }         }     </style>
    <div id="torino"></div> </body>
</html>

标签:动画,效果,rainbow,color,top,HTML,background,0px,left
来源: https://www.cnblogs.com/inturin/p/15486793.html