在平常的基础测量的数学课中我们最不少见的就是刻度尺了,那么今天就和大家分享个有关于“怎么在html5实现简单的刻度尺效果?”这个问题内容分享!而且像刻度这种东西都是重复性的,说到重复
我就想到了repeating-linear-gradient
,看名字就能知道是重复线性渐变
,它能更方便的实现隔行
变色的功能,如果你想画一个背景,它是重复、隔行的,那么用它就没错了。
效果图
原理
尺子刻度分成三种厘米刻度
、半厘米刻度
、毫米刻度
,那么在一个元素上画三个重复线性渐变
就行啦