发布于 2026-01-06 3 阅读
0

动画作品集网站 HTML CSS JS | 无需框架

动画作品集网站 HTML CSS JS | 无需框架

如何构建一个无需任何框架的交互式作品集网站(HTML、CSS、JS)

本视频将向您展示如何使用 HTML、CSS 和 JavaScript 构建一个动画作品集网站。

GitHub 仓库


嗨👋
我是 Sadee(网页开发者)。
在这个频道里,我会制作关于完全响应式网站的视频。
欢迎查看我的频道👇

📺 我的频道:codewithsadee
🔔 订阅:立即订阅


🔗 重要链接

下载入门文件进行练习


⏱️ 时间戳

0:00 - 演示
6:06 - 开始项目前下载启动文件
6:21 - 文件结构
7:21 - 项目初始化
15:08 - HTML - 预加载
16:10 - CSS - 预加载
20:10 - JS - 预加载
21:41 - HTML - 页眉
26:09 - CSS - 页眉
38:25 - JS - 页眉
43:29 - HTML - 首页横幅
45:43 - CSS - 首页横幅
49:53 - JS - 首页横幅文字动画1:03:28 -
HTML
- 图库
1:09:21 - CSS - 图库
1:21:22 - HTML - 分类
1:26:03 - CSS - 分类
1:28:18 - HTML - 关于 1:33:01 - CSS - 关于
1:36:57 - HTML - 服务
1:40:14 - CSS - 服务
1:45:36 - HTML - 作品集部分
1:50:00 - CSS - 作品集部分
1:53:56 - HTML - 页脚
1:59:18 - CSS - 页脚
2:04:48 - HTML、CSS - 返回顶部
2:08:18 - JS - 返回顶部
2:12:19 - CSS - 滚动显示
2:14:23 - JS - 滚动显示
2:17:53 - 媒体查询
2:42:33 - 自定义光标
2:51:39 - 媒体查询


成为赞助人

文章来源:https://dev.to/codewithsadee/amminate-portfolio-website-html-css-js-no-frameworks-2k0m