Relaxer APP with Javascript

course from Brad Traversy

Github code

Features:

css animation

setInterval setTimeout

audio control

HTML

circle is a circle with solid color

text is for reminder messages in the center

pointer is the animated circle around the circle

gradient circle is the three sections gradient background behind the circle layer

audio with a control button

CSS

gradient circle is a conic gradient background and larger than the circle .

the z-index of circle is -1, soo the gradient cicle is -2 (under the circle)