其他分享
首页 > 其他分享> > 动画效果

动画效果

作者:互联网

@keyframes move1 {             from{transform: rotate(0)}             to{transform: rotate(360deg)}} 指定的变化时发生时使用%,或关键字"from"和"to",这是和0%到100%相同 move1是名字是下面animation的动画名字 #box{             margin: 100px auto 0;         width: 768px;         height: 768px;         /*border: 3px solid red;*/         background: url("../img/a.png");         background-size: 100% 100%;         position: relative;         animation: move1 10s linear infinite} animation后面跟着姓名 动画时间 linear:动画从头到尾的速度是相同的; infinite:指定动画应该播放无限次(永远)

标签:动画,768px,linear,效果,transform,animation,move1
来源: https://www.cnblogs.com/zzy123456789/p/15705818.html