code狂魔

V1

2022/10/15阅读:12主题:萌绿

这个项目一定能帮助你快乐有效的学习CSS

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

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

关注【前端实验室】公众号回复: bbbb223

即可免费获取拉勾教育价值17999元的全套前端教程

分类:

前端

标签:

CSS

作者介绍

code狂魔
V1