正在加载视频教程
CSS
11:44用 HTML 和 CSS 做一个拟真键盘
入门DevyntraTech
纯 HTML + CSS 画出一块带立体质感的键盘，重点练习 Flex 布局与圆角、阴影、渐变等拟物细节，做完可直接在编辑器复刻。
- css
- keyboard
10:29用 HTML 和 CSS 做跳跃旋转文字动画
入门Online Tutorials
纯 CSS 让文字逐字跳跃翻转的动画特效，重点练习 keyframes 动画编排与 nth-child 逐字错帧延迟，做完可直接当页面标题动效。
- css
- animation
- text-effect
5:07用纯 CSS 做向下滚动指示动画
入门Online Tutorials
做一个鼠标滚轮形状的向下滚动指示动画，练习 border 画图标、伪元素与 keyframes 无限循环的组合，适合放在全屏首屏引导用户下翻。
- css
- animation
- scroll
视频来自 B 站与 YouTube，站内播放使用平台官方嵌入组件，版权归原 UP 主 / 频道所有。当前点击卡片将在新标签页打开原站。