javascript 酷炫时钟

紫微前端

于 2022-12-08 09:32:19 发布

阅读量437

点赞数

CC 4.0 BY-SA版权

分类专栏：原生javascript制作各种酷炫组件文章标签： javascript css 前端

本文链接：https://blog.csdn.net/liuhao9999/article/details/128231061

原生javascript制作各种酷炫组件专栏收录该内容

157 篇文章 ¥89.90 ¥99.00

订阅专栏

<style>
*,*::after,*::before {
  box-sizing:border-box;
}

body {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(circle at 50% 50%, #eeeeee 0%, #333 100%);
  font-family: 'PT Mono';
}

h1 {
  margin: 0;
  font-family: 'Montserrat';
  position:absolute;top:50%;left:50%;
  height:200px;width:200px;;text-align:center;line-height:200px;font-size:200px;
  font-weight: 400;
  color: rgba(230,230,230,1);
  text-shadow: 0 0px 50px rgba(255,255,255,.75), 0 0px 150px rgba(255,255,255,0.5), 0 0px 200px rgba(255,255,255,0);
  transform: translate(-55%, -50%);
  transform-origin: 50%;
  cursor: poin

了解本专栏