移动端滑到最后一屛执行动画

原创 tsf2014 随笔 笔录 308阅读 2018-01-08 17:59:45 举报

<div class="ani Dwei" ><img src="images/zimu.png" style="width:100%"></div>
/滑到最后一屛执行动画/
if (swiper.activeIndex==5)
{
$("#p6 div").eq(2).addClass("zimu");
}
else
{
$("#p6 div").eq(2).removeClass("zimu");
}
}
<style>
.zimu{z-index:5;top:100%;animation:scroll linear 4s;transform:scale(2);animation-duration: 4s!important;}

@keyframes scroll {
0% {top:100%;transform:scale(2)}

100%{top:38%;transform:scale(1)}

}
</style>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复