All transition state management in this demo works without javascript, with css variables

State conditional

You can enable and disable the transitions toggling the state selecting the checkbox

Fly and blur have 2 diferent sets of behaviors, you can toggle them with the radio inputs

Current css variables set:
Hide

draw

fly

blur

fade

scale

slide

crossfade

😎

This is a crossfade example