纯css模拟电子钟
先看效果
演示地址: https://yueminhu.github.io/di...
点击左边拉环切换夜间模式。
用到了伪元素生成数字的小三角
`currentColor和
color: inherit`来实现夜间模式的切换(改变父元素的颜色即可改变所有子元素的颜色和背景色。
全部使用百分比和em
为单位做到自适应, 可以将整个时钟放进某个固定尺寸的元素中,然后再制定下父元素的字体大小即可。
其它的倒也没什么了。。。都是些麻烦事儿。
欢迎下载使用。
相关推荐
nicepainkiller 2020-07-24
CSSEIKOCS 2020-07-18
冰蝶 2020-07-04
sdbxpjzq 2020-06-25
CaiKanXP 2020-06-13
lanzhusiyu 2020-06-09
opspider 2020-06-06
buttonChan 2020-06-06
heavenautumn 2020-05-31
MaureenChen 2020-05-17
zhanghao 2020-05-10
waterv 2020-05-04
xiaohuli 2020-04-22
coulder 2020-04-14
沈宫新 2020-04-10
coulder 2020-04-07
nicepainkiller 2020-02-23
teresalxm 2020-02-23
NARUTOLUOLUO 2011-06-24