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) } }