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>
上一篇:CF1408H Rainbow Triples


下一篇:IDEA插件