CSS animation discussion

[codeispoetry]

@PaulOB

The clicked class merely modified the transform position of the hide class. The transition is already applied and needs no further mention.

Got it. Thanks.
Transition will work based on translateX: dimension, which is variable based on the presence of .hide or body.clicked .hide. Here transition is always true, but translate is changing based on this class: clicked, and hence translate direction = animation from left to right or right to left.