animation 弹跳效果
.banner-two__icon_animate_init{
opacity:0;
-webkit-animation:downOut 1s;
}
.banner-two__icon_animate_done{
-webkit-animation: throb 1s;
}
@-webkit-keyframes downOut {
0%{
opacity:0,transform:translate(0,100%);
}
}
@-webkit-keyframes throb {
0%{
opacity:0;transform:translate(0,90%);
}
50%{
opacity:0.2;transform:translate(0,105%);
}
70%{
opacity:0.4;transform:translate(0,120%);
}
80%{
opacity:0.8;transform:translate(0,110%);
}
100%{
opacity:1;transform:translate(0,100%);
}
}
/*这个地方弹跳效果该怎么设置*/
正在回答 回答被采纳积分+1
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星