PHP前端开发

动画 CSS margin-left 属性

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

要在 CSS 中实现 margin-left 属性的动画,您可以尝试运行以下代码

示例

现场演示

<!DOCTYPE html><html>   <head>      <style>         div {            background-color: gray;            animation: myanim 3s infinite;            color: white;         }         @keyframes myanim {            30% {               margin-left: 20px;            }         }      </style>   </head>   <body>      <h2>Heading One</h2>      <div>         This is demo text.      </div>   </body></html>