我想从这张地球图像的中心看rotateY()
.现在它从右边旋转.这是我的代码:
@keyframes rotate {
to {
transform: rotateY(-360deg);
}
}
我想从这张地球图像的中心看rotateY()
.现在它从右边旋转.这是我的代码:
@keyframes rotate {
to {
transform: rotateY(-360deg);
}
}
如果你直接对图像进行操作,它就会起作用.https://jsfiddle.net/akso4r6q/
<img id="logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Erioll_world_2.svg/256px-Erioll_world_2.svg.png" />
#logo {
animation: rotate 5s linear infinite;
transform-origin: center center;
}
@keyframes rotate {
to {
transform: rotateY(360deg);
}
}
如果你需要div
,你也可以设置display: inline-block;
.围绕图像右侧旋转的外观实际上是围绕包围div的中心旋转,该div水平扩展以适应视口.
您可以看到一个fiddle here,其中显示了一个文本元素,该元素是图像的同级元素.