為什么最后一幀動畫結束后,回到起點竟然是有動畫似的移動過去的,而不是瞬間移動?
看其它的動畫例子,動畫結束后,圖形都是瞬間回到了初始的位置,這個例子怎么不一樣呢?
@keyframes move {
? 0%{
? ? transform: translate(0);
? }
? 15%{
? ? transform: translate(100px,180px);
? }
? 30%{
? ? transform: translate(150px,0);
? }
? 45%{
? ? transform: translate(250px,180px);
? }
? 60%{
? ? transform:translate(300px,0);
? }
? 75%{
? ? transform: translate(450px,180px);
? }
? 100%{
? ? transfrom: translate(480px,0);
? }
}
2017-10-10
因為100%的那個命令(transform寫成transfrom)寫錯了,所以100%?里面實際上是沒有值的,也就是?transform: translate(0),跟0%是一樣的
2017-03-23
你把結束的點換到開始的點或者設置動畫變換