你即將離開本站

並前往https://www.tpisoftware.com/tpu/articleDetails/2748

用css transform做出簡單的翻牌效果

今天要實作的目標是讓自訂按鈕在滑鼠移入時搭配transform-style: preserve-3d; (可參考這篇) 依X軸翻轉至背面隱藏的訊息. 如下圖demo 成果預覽

確定！ 回上一頁

查詢 「transform-style」的人也找了：

  1. backface-visibility
    2.
  2. Perspective CSS
    3.
  3. Transform style
    4.
  4. transform-origin
    5.
  5. Rotate3d
    6.
  6. CSS transform
    7.
  7. CSS 3D 效果
    8.
  8. Perspective-origin
    9.