1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Control enter and leave transitions with the `x-show.transition` modifier in Alpine JS

    alpineAlpine.js

    In this lesson, we smoothen the transitions between tabs by applying a transition modifier to our x-show directive.

    We see how we can ignore the leaving elements, and focus the animation on the entering elements. We tweak the transition duration and origin by chaining additional modifiers to our x-show directive.