2023动画 CSS margin-bottom 属性

 所属分类:web前端开发

 浏览:74次-  评论: 0次-  更新时间:2023-09-08
描述:更多教程资料进入php教程获得。 示例在线演示<!DOCTYPE html> <html> <head> <style> p { ...
更多教程资料进入php教程获得。

动画 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>

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!