Pomodoro Animation Help

Pomodoro Animation Help
0

#1

I’ve noticed a lot of people have sort of a moving circle timer on their pomodoro, or something like the FCC example. How exactly do you calculate this and move the animation?


#2

pen : [ https://codepen.io/FreeCodeCamp/full/aNyxXR/ ]

Lets say u have green circle filled green , and there is div that cover that circle, div have same color as background
So how time passing, that div goes up and revail circle.
Also as see there is gap between circle that is filled and just circle.
So u can make it all absolute and set
Fulled-circle: z-index:1
Div: z-index:2
And circle that just have circle: z-index:3

And of top of all
Text with time: z-index:4

Also i like how u did ur portfolio


#3

Thanks, I think I got it almost working now.


#4

Can u post when u finish?


#5

Maybe you are still interested in this article. I tried it out on codepen.