Thay đổi Màu ảnh PNG Thành Bất Kỳ Màu Nào Bạn Muốn

Mẹo nhỏ là thả bóng trên hình ảnh PNG, tạo cho bóng màu mong muốn và đảm bảo bóng ở xa ảnh. Cuối cùng, di chuyển hình ảnh ra khỏi tầm nhìn, vừa đủ xa để bóng di chuyển vào tầm nhìn. Chỉ cần biết HTML/CSS là bạn có thể thao tác dễ dàng cho bất kỳ website nào

Thay đổi màu ảnh PNG thành bất kỳ màu nào bạn muốn

CSS:

.png-color{
  overflow: hidden;
}

.png-color img {  
  filter: drop-shadow(0px 100px 0 #118800); // Mã màu #118800 có thể thay đổi theo đúng mã màu mong muốn
  transform: translateY(-100px);
}

.png-color{

overflow: hidden;

}

.png-color img {

filter: drop-shadow(0px 100px 0 #118800); // Mã màu #118800 có thể thay đổi theo đúng mã màu mong muốn

transform: translateY(-100px);

}

HTML

<div class="png-color">
  <img src="my-logo.png">
</div>

</div>

Ví dụ cụ thể

Lưu ý

Chỉ chỉnh sửa được với ảnh PNG màu sắc và thiết kế không quá cầu kỳ thì có thể làm được nhé.

Xem thêm bài viết khác

Theo dỗi tên trên Fanpage và Youtube của mình nhé.

Chúc bạn thành công!!