hellocode 好奇代码

一些有趣的案例效果与源码

如何使用

• 案例开发用的是vite
• 进入对应项目文件夹中之后
• 通过后端输入npm init
• 然后 npm run dev 就能启动项目

案例一 shine-btn

Vanilla JS + GSAP

设计参考 -> 推特帖子

案例二 music player

Vanilla JS + SVG

设计参考 -> 推特帖子

案例三 scroll-drag

Vanilla JS + GSAP

设计参考 -> 推特帖子

我课程资源

系列课程（B站课堂）

HTML和CSS项目实战课程

JavaScript + Nodejs前后端全栈全能课

• 🏆 精通JavaScript和项目实战课程(全栈课包含此课程)
• 🎉 后端入门与实操 Shell + Linux + Nodejs(全栈课包含此课程)

免费分享课程

🔥HTML CSS网站开发入门指南

• 视频教程：BV1cm42137by
• 目录网站：wdg.hellocode.fun
• 课程源码：百度网盘链接 (提取码: u3zd)

🔥别小看SVG系列分享

• 视频教程：BV1oy411i77z
• 课程目录网站：wdg.hellocode.fun
• 课程源码：百度网盘链接 (提取码: nhev)

学习交流

需要加入学习交流群的，可以添加微信号 sirmumumu，请注明"前端学习"。