返回视频列表

用纯 CSS 做向下滚动指示动画

Online Tutorials5:074.5万次观看入门CSS

哔哩哔哩 YouTube

看完视频，就在编辑器里复刻一个同款小作品吧。

做一个鼠标滚轮形状的向下滚动指示动画，练习 border 画图标、伪元素与 keyframes 无限循环的组合，适合放在全屏首屏引导用户下翻。

css
animation
scroll

同类跟做视频

11:44
用 HTML 和 CSS 做一个拟真键盘
入门
DevyntraTech
纯 HTML + CSS 画出一块带立体质感的键盘，重点练习 Flex 布局与圆角、阴影、渐变等拟物细节，做完可直接在编辑器复刻。
- css
- keyboard
查看详情
10:29
用 HTML 和 CSS 做跳跃旋转文字动画
入门
Online Tutorials
纯 CSS 让文字逐字跳跃翻转的动画特效，重点练习 keyframes 动画编排与 nth-child 逐字错帧延迟，做完可直接当页面标题动效。
- css
- animation
- text-effect
查看详情

视频来自 B 站与 YouTube，站内播放使用平台官方嵌入组件，版权归原 UP 主 / 频道所有。当前点击卡片将在新标签页打开原站。