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 filter


Để thực hiện hiệu ứng chuyển động (animation) trên thuộc tính filter 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-image: url('https://www.tutorialspoint.com/assets/videotutorials/courses/swift_4_online_training/380_course_210_image.jpg');             border: 2px solid blue;             animation: myanim 3s infinite;             position: absolute;             column-rule: 10px inset orange;             column-count: 4;          }          @keyframes myanim {             20% {                filter:contrast(400%);             }          }       </style>    </head>    <body>       <h2>Performing Animation on filter property</h2>       <div></div>    </body> </html>