css动画箭头上线转动切换效果

//点击转动需要的样式：
.orderInfo0122 {
  animation: customAnimation1 500ms;
  animation-fill-mode: forwards;
}
@keyframes customAnimation1{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(180deg)
  }
}

//点击恢复转动的样式：

.orderInfo0123 { 
animation: customAnimation2 500ms; 
animation-fill-mode: forwards; } 
@keyframes customAnimation2{ 
from{ transform: rotate(180deg); } 
to{ transform: rotate(0deg) } }