高級CSS動畫

我一直在翻閱this example，並希望把它上升一個檔次，我想數字「1」卡開始這樣 animation （-webkit-變換：rotateZ（160deg）; ）和rotateZ朝0儘管翻轉，我一直在玩矩陣和歪斜，似乎無法得到這種效果。高級CSS動畫

來源

2013-07-02 user2534406

[實施例]（http://jsfiddle.net/gaby/9Ryvs/7/）從[本答案]（http://stackoverflow.com/a/14859567/1763929）。 – Vucko

你可以做一個JSfiddle，所以我們可以更新你的代碼 – Muath

您可以同時給予相同的transform屬性倍數（空格分隔）transform-functions，類似於您的情況;

#card .front { 
    transition: all 1s; 
    transform: rotateY(0deg) rotateZ(200deg); 
} 
#card.flipped .front { 
    transform: rotateY(180deg) rotateZ(0deg); 
}

（這同樣適用於在背面）

鉻僅演示：http://jsfiddle.net/4Z4sF/

來源

2013-07-02 10:56:54 xec

FUARKKKKKKKKKKKKK謝謝！ – user2534406

不能這麼早標記，再次感謝。 – user2534406

一個問題是，當我在IE或Firefox中複製它時，背面和前面都顯示100％的時間 – user2534406

回答

相關問題