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 word-spacing


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

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid blue;             background: orange;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {                word-spacing: 30px;             }          }       </style>    </head>    <body>       <h1>CSS word-spacing property</h1>       <div>          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!          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!       </div>    </body> </html>