前端面试(有关css)

178 阅读1分钟

大三狗记录一下看到别人分享的面试题
感谢各位大佬的分享和分析。这篇是积累有关css的面试题

使用css实现一个持续的动画效果
说到动画就要提animation

描述
- animation-name 规定需要绑定到选择器的keyname名称
- animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
- animation-timing-function 规定动画的速度曲线。默认是 "ease"。
- animation-delay 规定动画开始之前的延迟
- animation-interaction-count 规定动画应该播放的次数
- animation-direction 规定是否应该轮流反向播放效果

div{
   animation:keepmove 3s infinite alternate;
}
@keyframes keepmove {
    from{margin-left:10px;}
    to{margin-left:30px;}
}