动画CSS边距属性

要使用CSS在margin 属性上实现动画,您可以尝试运行以下代码

示例

<!DOCTYPE html>

<html>

   <head>

      <style>

         p {

            animation: mymove 3s infinite;

            margin: 20px;

         }

         @keyframes mymove {

            70% {

               margin: 60px;

            }

         }

      </style>

   </head>

   <body>

      <p>This is demo text! This is demo text! This is demo text!

         This is demo text! This is demo text! This is demo text!

         This is demo text! This is demo text! This is demo text!

         This is demo text! This is demo text! This is demo text!

      </p>

   </body>

</html>

以上是 动画CSS边距属性 的全部内容, 来源链接: utcz.com/z/359935.html

回到顶部