CSS Inspiration -- CSS灵感

681 阅读4分钟
原文链接: chokcoco.github.io

logo2.png

这里可以让你寻找到使用或者是学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。

在线预览

Online Pages

下面很多例子不一定同步更新到我的在线网站(就是这里的 Online Pages),建议以下面的导航为准,很多 Demo 会直接链接到我的 CodePen。

Layout

阴影(box-shadow、drop-shadow)

伪类/伪元素

滤镜(fliter)

边框(border)

背景/渐变(linear-gradient/radial-gradient/conic-gradient)

混合模式(mix-blend-mode/background-blend-mode)

3D

动画/过渡(transition/animation)

文本类

综合

SVG