我正在尝试使用 @keyframes 进行 css 动画,但是 css Transform 的 rotate 和 translate 属性不能一起工作。
请指导我这里出了什么问题。谢谢!!
您可以在 codepen 上检查代码:http://codepen.io/anon/pen/XdzwZB 以下是我的 @keyframes 代码:
请指导我这里出了什么问题。谢谢!!
您可以在 codepen 上检查代码:http://codepen.io/anon/pen/XdzwZB 以下是我的 @keyframes 代码:
@keyframes slideIn {
0%, 100% {
transform: translate(10px);
transform: rotate(0deg);
color: red;
}
25% {
transform: translate(125px);
transform: rotate(360deg);
color: green;
}
}