CSS旋转动画关键帧

Question

我正在做一个CSS加载器，想要了解@keyframes中的内容。

当他们从一个州转变为另一个州时，我看到loders使用这个{from，To}，并播种其他人使用{0％，100％}。两者之间的区别是什么，因为他们都创建了加载器，但是当我使用其中一个而不是时。

from, to example

@keyframes example {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(359deg);
		}
}

0%, 100% example

@keyframes example {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

Answer 1

如MDN documentation所述：

从

起始偏移量为0％。

至

结束偏移量为100％。

---

来自specification：

关键字from等于值0％。关键字to相当于值100％。