如何使旋轉在不同的時間旋轉並旋轉X？

我做了一個div旋轉180度超過0.5秒，但我不知道如何改變時間。我使用transition: all .5s linear;來生效，但我不希望它是all。我只是想要它影響旋轉。我試過transition: transform .5s linear但這會影響所有旋轉，而我的問題是我想知道如何分別影響rotateY和rotateX值。以下是一個示例：http://jsfiddle.net/VanillaLore/wsuzzguu/4/如何使旋轉在不同的時間旋轉並旋轉X？

來源

2014-10-29 Lilly Kelly

我不知道你的意思，但本教程會有所幫助：HTTP：// CSS3 .bradshawenterprises.com /轉換/ – TylerH 2014-10-29 02:04:51

您不能單獨定位每個對象，因爲它們是transform屬性的子集。您只能動畫transform屬性。

來源

2014-10-29 03:15:19

我發現的bug從您的代碼，固定它，也許這裏就是你需要：http://jsfiddle.net/abruzzi/zndwy12t/

.face.back { 
    /* the code below should be removed*/ 
    /* transform: rotateY(180deg); */ 
    background-color: blue; 
    width:70px; 
    height:70px; 
    margin:1px; 
}

來源

2014-10-29 07:59:07 Abruzzi

如何使旋轉在不同的時間旋轉並旋轉X？

回答

相關問題