Để thực hiện animation trên thuộc tính column-width với CSS, bạn có thể chạy đoạn mã sau:
Ví dụ
<!DOCTYPE html> <html> <head> <style> div { width: 600px; height: 300px; background: white; border: 10px solid red; animation: myanim 3s infinite; bottom: 30px; position: absolute; column-rule: 10px inset orange; column-count: 4; column-width: 200px; } @keyframes myanim { 20% { bottom: 100px; box-shadow: 30px 45px 70px orange; column-rule-color: black; column-width: 150px; } } </style> </head> <body> <h2>Performing Animation on column width property</h2> <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! This is demo text! This is demo text! </div> </body> </html>