大家好,我是前端实验室的大师兄！
不知道大家是什么时候学习的css? 又是通过什么方式学习的呢？是通过视频教学？还是跟着文档一点一点学习的呢？
今天大师兄就给大家推荐一个项目，根据实战来提高自己的编码技能，不仅简单有趣而且还很实用，都是工作中能用得到的东西——30diasDeCSS
30diasDeCSS
这一个挑战，旨在帮助你通过使用HTML5和CSS3做迷你的日常项目来提高你的编码技能
30diasDeCSS旨在用 HTML 和 CSS 创建 30 个迷你项目的挑战。
特点
- 每个项目通过动图直观地展示了实现的效果
- 不仅包含全部源码还指出了用到的知识点。
效果
分层社交媒体图标
- 此处元素的 2D 或 3D 转换
- transition CSS
- hover
- nth-child ()
动画加载器
常用的加载动画
脉冲星效应
- animations
- transforma
闪电文本效果
动画预加载器
烟熏文字
还有很多这样的css动效，希望会对大家有所帮助
GitHub:https://github.com/MilenaCarecho/30diasDeCSS
最后
欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~
进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。
