Hiệu ứng cho ảnh

Hiệu ứng cho hình ảnh trên web

Tổng hợp các hiệu ứng cho hình ảnh, sử dụng cho website đẹp hơn – long lanh, lung linh hơn nhé

Ánh sáng quét qua khi hover vào ảnh

HTML

CSS

Nguồn: https://codepen.io/shlomy/pen/NzxbRW

Ánh sáng quét qua nhanh + lệch hình

HTML

CSS

Nguồn: https://codepen.io/TiagoLopes/pen/vZBMWB

Image Scrolling Hover

Khi di chuột vào ảnh, ảnh sẽ chạy từ phần đầu ảnh xuống cuối ảnh

Hiệu ứng này phù hợp dùng với những ảnh bìa catalog, giao diện website có chiều cao lớn hơn nhiều so với chiều rộng.

HTML

CSS

Nguồn: https://codepen.io/NzNcn/pen/mWOrrW

Và còn rất nhiều hiệu ứng hay ho, hãy xem tại đây nhé

Chúc bạn vui vẻ.

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *