纯css模拟电子钟

2016-12-22 kangle

先看效果

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

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

内容来源:https://segmentfault.com/a/1190000007889348


用户评论
开源开发学习小组列表