数十次css3鼠标悬停特效

所属分类：UI-悬停

34902 839 查看评论 (29)

分享到微信朋友圈

查看演示立即下载

插件描述：鼠标移上去，界面显示的多种方式，各种css3动画

<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;
}

以上只是其中css3代码举例

选择银行下拉菜单（适应移动端）

jQuery和CSS3堆叠卡片样式导航菜单特效