Dozens of CSS3 Mouse Hover Effects

Add-ons

2026-07-26 06:52 3 次浏览 • 0 次下载 995.6KB

Plugin description: Multiple interface display styles triggered by mouse hover, featuring various CSS3 animations.

<div class="col-sm-6">
    <!-- colored -->
    <div class="ih-item circle colored effect1">
        <a href="#">
            <div class="spinner"></div>
            <div class="img"><img src="images/assets/5.jpg" alt="img"></div>
            <div class="info">
                <div class="info-back"></div>
            </div>
        </a>
    </div>
<!-- end colored -->
</div>

.ih-item.square.effect6 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
}

The above is just an example of the CSS3 code.