Share Tạo hiệu ứng hover đẹp mắt với thư viện Izmir

[filiallion]

Language

Tiếng Việt

Nếu các bạn muốn thiết kế các hiệu ứng khi hover lên hình ảnh, đối tượng nào đó thì các bạn có thể tham khảo các hiệu ứng của thư viện Izmir. Với tôi, các hiệu ứng hover mà thư viện Izmir thiết kế thật sự rất đẹp mắt, tạo cảm giác chuyên nghiệp. Tất cả các hiệu ứng được thiết kế chuyển động rất mượt và tương thích với hầu hết các thành phần mà các bạn thiết kế. Các bạn có thể xem qua các demo hiệu ứng hover tại địa chỉ https://ciar4n.com/izmir/index.html.

Các bạn tải thư viện Izmir tại địa chỉ https://github.com/ciar4n/izmir và tích hợp vào website với dòng lệnh HTML đơn giản sau:

<link href="path/to/izmir.min.css" rel="stylesheet">

Việc cài đặt và tích hợp thư viện Izmir chỉ đơn giản như vậy, tiếp theo các bạn thiết kế thành phần muốn áp dụng hiệu ứng hover như sau:

<figure class="c4-izmir">
    <img src="path/to/image.jpg">
</figure>

Thư viện Izmir hỗ trợ 9 hiệu ứng hover hình ảnh, 12 hiệu ứng hover văn bản, 20 hiệu ứng hover đường viền và nhiều hiệu ứng hover khác đang chờ các bạn khám phá. Các bạn có thể tìm hiểu thêm về thư viện Izmir tại địa chỉ https://ciar4n.com/izmir/1A-getting-started.html.