动画css上的冻结状态位置

我想在

hover

上保存

.pole main.pole gatherings.img:hover

元素的图像位置

使用

动画

css效果冻结它

当

悬停

退出时，我想将其设置回动画

如

.pole main.pole gatherings.img:hover

---

将动画从关键帧更改为过渡：

  .pole-main .pole-gatherings .img{
    width: 283px;
    height: 102px;
    background-color: blue;
    transition: transform .7s;
    transform-origin: 0% 0%;
    transition-timing-function: ease-out;
  }
  .pole-main .pole-gatherings .img:hover{
    transform: perspective(300px) rotateY(-5deg);
  }