纯css模拟电子钟

先看效果

演示地址: https://yueminhu.github.io/di...
点击左边拉环切换夜间模式。
纯css模拟电子钟

用到了伪元素生成数字的小三角
`currentColorcolor: inherit`来实现夜间模式的切换(改变父元素的颜色即可改变所有子元素的颜色和背景色。
全部使用百分比和em为单位做到自适应, 可以将整个时钟放进某个固定尺寸的元素中,然后再制定下父元素的字体大小即可。
其它的倒也没什么了。。。都是些麻烦事儿。
欢迎下载使用。

相关推荐