Hướng dẫn how do you fill a image with color in html? - Làm thế nào để bạn tô một hình ảnh với màu sắc trong html?

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọc

Approach:

1. Bàn luận
2. Trong bài viết này, chúng tôi sẽ tạo hiệu ứng màu rơi bằng cách sử dụng HTML & CSS trong đó hình ảnh có màu khi chúng tôi di chuột qua nó. Nó xuất hiện khi bạn di chuột qua hình ảnh, một giọt màu rơi trên hình ảnh thay đổi màu của hình ảnh từ màu xám sang màu.
3. Tạo một tệp HTML trong đó chúng tôi thêm văn bản và div cho hình ảnh.
4. Sau đó, chúng ta phải sử dụng thuộc tính Hover để làm cho hình ảnh của chúng ta được tô màu.

Chúng tôi cũng sử dụng các lớp giả như :: Trước và :: Sau dự án của chúng tôi.

• Sử dụng @KeyFrames để chuyển động của sự sụt giảm của chúng tôi.
• Mã HTML:
• Đầu tiên, tạo tệp HTML [index.html].
  • Sau đó, liên kết tệp CSS cung cấp tất cả các hiệu ứng hoạt hình với HTML của chúng tôi. Nó cũng được đặt vào bên trong phần.
  • Đến phần cơ thể của mã HTML của chúng tôi:

Đầu tiên, chúng ta phải tạo ra một div chính.

Sau đó, chúng tôi cung cấp cho các div chính một lớp và tạo một div khác bên trong div hiện tại để đặt một hình ảnh vào đó.

HTML

html0head>