图片动画旋转180度

通过添加类名实现旋转180度

.beginCSS{
  transform: rotate(0deg);
  transition: transform ease 0.5s;
}
.endCSS{
  transform: rotate(-180deg);
  transition: transform ease 0.5s;
}

• 初始类名beginCSS，在添加类名endCSS后，0.5秒rotate旋转变为endCSS样式，移除endCSS，0.5秒rotate旋转变为beginCSS样式
• 在vue中，可以通过条件判断是否存在类endCSS