我想影片我的物件的旋轉。我使用perspective＆preserve-3d屬性，并transform:rotate(15deg)手動嘗試或任何程度，它作業正常
然后我使用 addClass 來觸發影片。我有 4 個影片屬性（縮放、旋轉、不透明度和位置）。位置、不透明度和縮放效果很好，但旋轉卻不行。
我已經嘗試洗掉位置、不透明度和比例只是為了單獨測驗旋轉，但仍然無法正常作業。
.flip-animation {
animation: flipper 2s;
}
@keyframes flipper {
0% {
transform:
rotateY(0deg)
scale(0,0)
translate(0px, 1000px);
opacity:0;
};
100%{
transform:
rotateY(900deg) /*any number not working*/
scale(1,1)
translate(0px, 0px);
opacity:1;
};
}
完整代碼：Codepen
uj5u.com熱心網友回復：
;在關鍵幀之間
洗掉
.flip-animation {
animation: flipper 2s;
}
@keyframes flipper {
0% {
transform:
rotateY(0deg)
scale(0,0)
translate(0px, 1000px);
opacity:0;
}
100%{
transform:
rotateY(900deg) /*any number not working*/
scale(1,1)
translate(0px, 0px);
opacity:1;
};
}轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/413007.html
標籤：
上一篇：如何洗掉填充屬性？
下一篇：如何保持中間字母居中？[復制]