最近,github 上一个叫 30 Seconds of CSS 的项目的关注度上升显著。下面,就让小编带大家来看一看这个项目吧。
首先,给出官方介绍:
A curated collection of CSS snippets you can understand in 30 Seconds of CSS.
一组简单的,便于理解的 CSS 代码集。
接着,我们来看一看说明文档:
soga,原来这是一个实现某种功能的 CSS 代码集。
以上图中的三角形为例,30 Seconds of CSS 给出了这段代码的:
目的:使用纯 CSS 生成三角形
代码:生成三角形的 HTML, CSS 代码
DEMO:给出了效果图
说明:怎样改变三角形的方向和角度大小
浏览器支持情况
小编觉得这个项目设计的还是很贴心的,文档非常的通俗易懂。同时,也能为前端开发提供一定程度的便捷。
感兴趣的小伙伴们赶快去试一试吧!
领取专属 10元无门槛券
私享最新 技术干货