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

Window width conditional

Transitions will occur when window width size is less than 768 pixels

Fly and blur will behave differently when when window size is less than 640 pixels

Current window width is
Hide

draw

fly

blur

fade

scale

slide

crossfade

😎

This is a crossfade example