Loading...

HTML+CSS 製作翻牌效果 (廣東話)

145 views

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Aug 21, 2019

製作一個類似撲克牌正面翻向背面的效果,講解當中 4 個開發要點:
1. 使用 position: absolute 將兩個 div (正面與背面) 重疊
2. 使用 transform: rotateY() 旋轉 div
3. 使用 backface-visibility 隱藏背面
4. 使用 perspective 設定立體的透視深度

--

歡迎您對我製作的內容提供意見:
Facebook: https://fb.com/codingstartup
E-mail: helloworld@codingstartup.com

Made with ❤️ in Macao

Loading...


to add this to Watch Later

Add to

Loading playlists...