Share Tạo hiệu ứng hình ảnh tương tự Instagram với thư viện Instagram.css

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Instagram là một mạng xã hội hình ảnh lớn nhất hiện nay thuộc quyền sở hữu của Facebook. Mạng xã hội Instagram chứa tới hàng tỉ hình ảnh do người dùng tải lên, mỗi hình ảnh người dùng có thể áp dụng nhiều hiệu ứng khác nhau tạo ra sự khác lạ cho hình ảnh, từ hình ảnh màu các bạn có thể chuyển thành trắng đen hay làm nhoè, tăng độ sáng,... Tất cả các hiệu ứng đó các bạn hoàn toàn có thể áp dụng cho hình ảnh của website các bạn một cách dễ dàng và nhanh chóng với thư viện Instagram.css mà tôi giới thiệu với các bạn ở bài viết này.

Instagram.css là một thư viện CSS được phát triển với mục đích tạo ra các hiệu ứng trên hình ảnh tương tự như Instagram, các bạn có thể tải thư viện Instagram.css tại địa chỉ https://github.com/picturepan2/instagram.css và tích hợp vào website với dòng mã lệnh HTML như sau:
HTML:
<link href="path/to/instagram.min.css" rel="stylesheet">
Bây giờ, các bạn có thể tạo hiệu ứng cho hình ảnh như ví dụ sau:
HTML:
<figure class="filter-[filter-name]">
    <img src="path/to/image.jpg">
</figure>
Các bạn có thể xem qua tất cả các hiệu ứng của thư viện Instagram.css tại địa chỉ https://picturepan2.github.io/instagram.css.
 
Back
Top