我有一个可用的演示。只需将鼠标悬停在图像上,就会出现我想要的效果。
http://jsfiddle.net/jxgjhzer/1/
正如您在CSS文件中所看到的,我没有使用任何CSSanimation
。
只是使用CSStransform
,我希望我的图片能够在不悬停的情况下实现相同的效果。它应该自动发生。
那么如何自动缩放(如果可能的话,不使用动画)?
代码如下:
.galleryImg{
height:150px;
width:100%;
transform-origin: 50% 50%;
transition: transform 30s linear;
}
.galleryImg:hover{
transform: scale(2) rotate(0.1deg);
}