Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Tạo hiệu ứng chuyển động cho thuộc tính CSS padding-bottom


Để thực hiện animation trên thuộc tính padding-bottom với CSS, bạn có thể chạy đoạn mã sau:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {          width: 350px;          height: 150px;          outline: 3px solid blue;          animation: myanim 3s infinite;       }       @keyframes myanim {          50% {             padding-bottom: 30px;          }       }       </style>    </head>    <body>       <h1>CSS padding-bottom property</h1>       <div> </div>    </body> </html>