桌面瀏覽器的翻轉過渡

Question

我剛剛觀看了一個以翻轉過渡爲特色的jQuery手機簡介視頻。

我覺得它很整齊。重現桌面瀏覽器的翻轉效果而不必使用jQuery移動庫很容易嗎？這是幾行代碼的問題？

[注：我完全沒有使用jQuery UI]

Answer 1

您可以使用CSS3過渡動畫翻轉效果。這裏是一個演示，你可以從中獲取代碼：http://css3.bradshawenterprises.com/flip/。

請注意，支持多種瀏覽器（-moz-，-o-，-webkit-）的transform和transition屬性的供應商前綴是必需的。我通常會檢測使用Modernizr的哪個供應商前綴。

以下是caniuse.com支持的瀏覽器列表：http://caniuse.com/#search=transition