為什么最后一幀動畫結(jié)束后，回到起點(diǎn)竟然是有動畫似的移動過去的，而不是瞬間移動？
看其它的動畫例子，動畫結(jié)束后，圖形都是瞬間回到了初始的位置，這個(gè)例子怎么不一樣呢？
@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
因?yàn)?00%的那個(gè)命令（transform寫成transfrom）寫錯(cuò)了，所以100%?里面實(shí)際上是沒有值的，也就是?transform: translate(0)，跟0%是一樣的
2017-03-23
你把結(jié)束的點(diǎn)換到開始的點(diǎn)或者設(shè)置動畫變換