PHP前端开发

CSS 动画延迟属性

百变鹏仔 3个月前 (09-20) #CSS
文章标签 属性

使用animation-delay属性通过CSS设置动画开始的延迟。

您可以尝试运行以下代码来实现animation-delay 属性 -

示例

现场演示

<!DOCTYPE html><html>   <head>      <style>         div {            width: 150px;            height: 200px;            background-color: yellow;            animation-name: myanim;            animation-duration: 2s;            animation-delay: 2s;         }         @keyframes myanim {            from {               background-color: green;            }            to {               background-color: blue;            }         }      </style>   </head>   <body>      <div></div>   </body></html>