css动画延时效果
文章描述：
css让div缓慢显示出来，达到淡入浅出效果
html
<a class="click">显示</a>
<div class="box"></div>css
.box{
background:#00bcd4;
width: 150px;
height: 150px;
display:none;
}
.show{ animation:fadenum 1s 1; display:block; }
@keyframes fadenum{
0%{opacity: 0;}
100%{opacity: 1;}
}script
$('.click').on('click',function(){
$('.box').addClass('show')
})
发布时间：2022/11/30
发表评论