实现了一个时钟效果,包括一个背景颜色为淡粉色的容器和一个使用Google字体库中的Kanit字体的时钟。时钟使用了flex布局,使其水平和垂直居中。时钟的数字使用了Kanit字体,字体大小为150px,字体加粗,阴影效果使用了多个不同颜色和大小的阴影,使其看起来更加立体和有层次感。
code html
css
JavaScript
这段代码使用了Google字体库中的Kanit字体,用于时钟数字的显示。
这段代码设置了所有元素的外边距和内边距为0,这是为了避免不同浏览器之间的默认样式差异。
这段代码设置了body元素的高度为100vh,使其占据整个视口的高度。同时,使用flex布局使其水平和垂直居中。背景颜色为淡粉色。使用user-select属性禁止用户选择文本。
这段代码设置了时钟的样式,使用flex布局,使其水平和垂直居中。
这段代码设置了时钟数字的样式,使其宽度为95px,字体大小为150px,颜色为白色,居中对齐,使用了Google字体库中的Kanit字体,字体加粗。同时,使用了多个不同颜色和大小的阴影,使其看起来更加立体和有层次感。
本文共 353 个字数,平均阅读时长 ≈ 1分钟