Alpine Transition Code

x-transition:enter

x-transition:enter-start

x-transition:enter-end

x-transition:leave

x-transition:leave-start

x-transition:leave-end

Preview Transition

Hello world

Transition Block eg. see below

Copy & paste a block of transition statements from tailwind ui eg..

Entering: "ease-out duration-300"
From: "opacity-0"
To: "opacity-100"
Leaving: "ease-in duration-200"
From: "opacity-100"
To: "opacity-0"

Transition output