CSS Background

绘制图形

利用 Background 和渐变可以实现绘制图形。

这个网站几乎是 background 的上限:https://a.singlediv.com/ ,但也是冰山一角。

background-position为百分比值时,0% 表示的是图片左侧和画布左侧对齐,100%right bottom 时表示图片右侧和画布右侧对齐,并不是指相对平移量

示例展示了利用控制 background-size 绘制定长直线。使用更大的 background配合 radial-gradient 则可以绘制圆形及星型。

Code