一个线箭头，鼠标移入前后见图，移入需要旋转到下面，有一定过渡效果

有人知道这个怎么做吗，可以帮忙指导一下吗，刚开始学习web，属实没太弄明白呢，谢谢大家啦

img


div:hover {
  transform: rotate(90deg)
}