Pomodoro clock simple

Pomodoro clock simple
0.0 0

#1

hi guys this Pomodoro clock challenge https://codepen.io/webster123/full/gexaVB/
please checkout and give your suggestion:eyeglasses:
please try to reload the to check what happen:fireworks:


#2

:eyeglasses:
I think it’s good. I would try adding a pause button for completeness. :+1:


#3

One suggestion I might make is that your text is ‘moving’ once the session begins in part because you are using fadeIn/Out which removes the element from the DOM with JQuery causing everything to re position.

A way to avoid this with JQuery is to instead transition to 0 the opacity proper of the blocks, which can also be combined with a CSS or JQuery animation. This will leave the block intact, so the content won’t move, but it will still give you the overall appearance you seem to be looking for.


#4

Thanks I will try to add pause


#5

Thanks for your suggestion .I will tried to apply your suggestion


#6

Not ‘needed’ but I think it will look much better. Also ‘interesting’ because you get a better understanding of how JQuery affects the DOM module in cases such as fadeOut.