优秀！30个小项目带你玩转CSS3动效

大家好,我是前端实验室的大师兄！

不知道大家是什么时候学习的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 ，按提示操作即可进群。