Computer >> Máy Tính >  >> Lập trình >> CSS

Thực hiện Hoạt ảnh trên thuộc tính chiều cao dòng CSS

Để triển khai hoạt ảnh trên line-height thuộc tính CSS, bạn có thể thử chạy đoạn mã sau -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            animation: mymove 3s infinite;
            line-height: 20px;
         }
         @keyframes mymove {
            70% {
               line-height: 50px;
            }
         }
      </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>