Css 在动画后应用悬停效果

我有一个动画应用于

`une
 {margin-top: 245px;margin-left: 545px; -webkit-animation:move ease 1 forwards 15s 3s;  -moz-animation:move ease 1 forwards 15s 3s ;animation:move ease 1 forwards 15s 3s ;


-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}`

因此，在这之后，我希望能够在这个元素（这是一个图像）上悬停，以便改变它的比例或使另一个图像出现，但是无论我做什么，它都不起作用。 那么让我们说 une:hover{-webkit transform:scale（1；1）}不工作

---

有人有什么想法/解决方案吗？

我不得不为我的网站做一些类似的事情，看看-

这里有一个更简单的版本-

我认为

变换原点

和

位置

可能是缺少的部分，但我需要查看动画才能确定

另外，动画语法看起来有点不对劲-

.une {
    position:absolute; /* use position rather than margin */
    top:--px;
    left:--px;
    -webkit-animation:lightSpeedIn 1s;
    -moz-animation:lightSpeedIn 1s;
    animation:lightSpeedIn 1s;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.une:hover {
    transform-origin:top; /* keeps it on the viewable screen */
    transform:scale(2.5);
}

animation: name duration easing delay iteration-count direction fill-mode;