css3顺时,CSS3 - 顺时针旋转比逆时针

我有一个这样定义的HTML元素：CSS3 - 顺时针旋转比逆时针

>

Toggle

function toggle(eid) {

var el = document.getElementById(eid);

if (el) {

el.className += el.className ? 'rotate-clockwise' : 'rotate-counter-clockwise';

}

}

然后我已经定义是这样我的CSS：

.rotated {

transform: rotate(90deg);

}

@keyframes rotateClockwise { from { ? } to { ? } }

.rotate-clockwise {

animation rotateClockwise 0.1s linear;

}

@keyframes rotateCounterClockwise { from { ? } to { ? } }

.rotate-counter-clockwise {

animation rotateCounterClockwise 0.1s linear;

}

我不知道该怎么加我的keyframes的值为from和to。我的元素开始旋转90度的事实让我感到不快。我在正确的轨道上还是离开？

谢谢！

+0

当你说顺时针旋转并逆时针旋转时，它是从其基准位置还是从其当前位置旋转。也就是说，让我们假设你希望元素在任一方向上都被xdeg旋转。当我第一次点击按钮时，它会说90 + x度，当我再次点击时，它应该达到90度或90度角？ –