Share Tạo hiệu ứng hover với thư viện iHover

[filiallion]

Language

Tiếng Việt

iHover là một bộ sưu tập các hiệu ứng hover sử dụng CSS3. Thư viện iHover có 20 kiểu hover hình tròn và 15 kiểu hover hình vuông. Thư viện iHover là hoàn toàn miễn phí nên các bạn có thể sử dụng để tạo ra các hiệu ứng đẹp mắt trên website của các bạn.

Để sử dụng thư viện iHover, các bạn cần phải tải thư viện tại địa chỉ https://github.com/gudh/ihover.

Các bạn tích hợp thư viện iHover vào website với dòng lệnh như sau:

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

Và tôi sử dụng hiệu ứng đầu tiên của thư viện iHover với nội dung mã lệnh như sau:

<div class="ih-item circle effect1">
    <a href="#">
        <div class="spinner"></div>
        <div class="img">
            <img src="path/to/image.jpg">
        </div>
        <div class="info">
            <div class="info-back">Gextend</div>
        </div>
    </a>
</div>

Các bạn có thể tìm hiểu cách sử dụng các hiệu ứng hover khác tại địa chỉ http://gudh.github.io/ihover/dist.