HTML+CSS 制作翻牌效果

2.4万
26
2019-08-22 01:54:39
556
390
515
110
制作一个类似扑克牌正面翻向背面的效果,讲解当中 4 个开发要点: 1. 使用 position: absolute 将两个 div (正面与背面) 重叠 2. 使用 transform: rotateY() 旋转 div 3. 使用 backface-visibility 隐藏背面 4. 使用 perspective 设定立体的透视深度 - 欢迎您对我制作的内容提供意见,留言或电邮:helloworld@codingstartup.com Made with ❤️ in Macao
热爱Web技术,教学相长。我是Steven,一起加油!
CSS特效
(15/32)
109.5万播放
简介
苹果官网特效
纯CSS (1)
纯CSS (2)
聚光灯效果
08:32
打勾动画
12:41
瀑布流效果
08:36
轮播图效果
08:36
翻牌效果
06:45
iOS开关按钮
13:37
汉堡菜单图标动画
08:25
表单标题动态显示
12:21
百叶窗效果
05:31
水滴融合效果
06:32
客服
顶部
赛事库 课堂 2021拜年纪