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

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            animation: mymove 3s infinite;
            margin-bottom: 20px;
         }
         @keyframes mymove {
            70% {
               margin-bottom: 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>
      <p>This is demo text 2!</p>
   </body>
</html>

以上就是动画 CSS margin-bottom 属性的详细内容,更多请关注双恒网络其它相关文章!

简简单单挺好的

联系我们 订单查询