圓環裡面的黑色箭頭，預設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);
}