css3 transform:rotate旋转问题

圆环里面的黑色箭头,默认rotate(0deg),橙色的是rotate(72deg),依次增加72deg。到了红色是rotate(288deg)。transform动画,从黑橙黄蓝红顺时针旋转。红的到黑的,而从288逆时针旋转回到0。不知道怎么让他继续顺时针旋转到黑色部分。
图片描述

.anm2-circle-s.bg-b{
  background-color:#000;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.anm2-circle-s.bg-o{
  background-color:#ff9900;
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.anm2-circle-s.bg-y{
  background-color:#ffd555;
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.anm2-circle-s.bg-g{
  background-color:#4cbaeb;
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.anm2-circle-s.bg-r{
  background-color:#fe6d41;
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
阅读 6.7k
2 个回答

劳驾,没看懂问题啊。能麻烦说明的更清楚明白些么?
红的到黑的,而从288逆时针旋转回到0。不知道怎么让他继续顺时针旋转到黑色部分。
这一句完全蒙逼,从哪里转到0?

点击这个Transform打开

clipboard.png

来回拖动 Rotate那个属性条,你自己有没有获得启示?

楼上的评论都说了:

其实你自己已经解决问题了。360跟0是同一个位置。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进