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:
Show crossfade 😎