Clock ⏰

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
4
Views
141
Open in Editor

Layers

Seconds
(linear)
Hours
(linear)
Minutes
(linear)
Background
(radial)

CSS

width: 500px;
height: 500px;
background:
linear-gradient(135deg, rgba(255,255,255,0) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 55%) 94px 239px / 177px 174px no-repeat no-repeat, /* Seconds */
linear-gradient(360deg, rgba(255,255,255,1) 0%, 50%, rgba(255,255,255,1) 100%) 229px 240px / 182px 34px no-repeat no-repeat, /* Hours */
linear-gradient(0deg, rgba(255,255,255,1) 0%, 50%, rgba(255,255,255,1) 100%) 229px 31px / 41px 243px no-repeat no-repeat, /* Minutes */
radial-gradient(ellipse at 50% 50%, rgba(0,0,0,1) 0%, 70%, rgba(69,168,255,0) 70%) 0px 0px / 500px 500px no-repeat no-repeat; /* Background */