Clock ⏰

<div id="root"></div>

#root {
  width: 500px;
  height: 500px;
  background:
    linear-gradient(135deg, transparent 45%, rgb(255 255 255) 45%, rgb(255 255 255) 55%, transparent 55%) 94px 239px / 177px 174px no-repeat, /* Seconds */
    linear-gradient(rgb(255 255 255), rgb(255 255 255)) 229px 240px / 182px 34px no-repeat, /* Hours */
    linear-gradient(rgb(255 255 255), rgb(255 255 255)) 229px 31px / 41px 243px no-repeat, /* Minutes */
    radial-gradient(ellipse, rgb(0 0 0) 0%,  70%, transparent 70%) 0 0 / 500px 500px no-repeat; /* Background */
}

Colors

Views

Code size

Layers

Explore

Community

Social