不懂为什么是这样，求教

源自：9-2 CSS3中调用动画

不懂为什么是这样，求教

不理解转一圈为什么是上面的，而不是：

@keyframes around{
0% {
    transform: translateX(0);
}
25%{
    transform: translateX(180px);
}
50%{
     transform: translateY( 180px);
}
75%{
    transform:translate(-180px,0);
}
100%{
    transform: translateY(0,-180px);
}
}。

有跟我一样疑惑的没？

提问者：慕设计2092740 2014-12-04 17:37

个回答

Ottff

2020-07-02 11:12:11

每一次位置其实都是相对于原始位置而不是上一帧的位置。

0
faker灬大魔王zZ

2016-04-04 10:46:24

inline的属性吧

0