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

Thực hiện hoạt ảnh trên thuộc tính CSS border-bottom-color


Để triển khai hoạt ảnh trên thuộc tính border-bottom-color với CSS, bạn có thể chạy mã sau:

Ví dụ

<!DOCTYPE html> <html> <head> <style>    div {       width: 500px;       height: 400px;       background: yellow;       border: 10px solid yellow;       background-image: url('https://www.tutorialspoint.com/latest/microservice_architecture.png');       animation: myanim 3s infinite;       background-position: bottom left;       background-size: 50px;    }    @keyframes myanim {       20% {          background-color: maroon;          background-position: bottom right;          background-size: 90px;          border-bottom-color: green;       }    } </style> </head> <body> <h2>Thực hiện hoạt ảnh cho màu viền dưới</h2> <div></div> </body> </html>