Rumah >hujung hadapan web >tutorial css >Menganimasikan harta margin bawah CSS

Menganimasikan harta margin bawah CSS

PHPz
PHPzke hadapan
2023-08-26 08:29:091374semak imbas

动画 CSS margin-bottom 属性

Untuk menghidupkan sifat margin bawah dalam CSS, anda boleh cuba menjalankan kod berikut

Contoh

Demo dalam talian

<!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>

Atas ialah kandungan terperinci Menganimasikan harta margin bawah CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam