我想rotateY()但來自這個地球影像的中心。現在它從右側旋轉。這是我的代碼：
@keyframes rotate {
to {
transform: rotateY(-360deg);
}
}
http://jsfiddle.net/qwrg9684/
uj5u.com熱心網友回復：
如果您直接對影像進行操作，它將起作用。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 水平擴展以適應視口。
您可以在此處看到一個小提琴，它使用作為影像兄弟的文本元素來顯示這一點。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/468993.html
下一篇：div使內部div低于另一個