github alpinejs/alpine v1.12.0
on GitHub

Added

  • x-show.transition API
    # Default to scale .95->1, opacity 0->1, cubic-bezier(0.4, 0.0, 0.2, 1), 150ms in, 75ms out x-show.transition # Only transition opacity x-show.transition.opacity # Only transition in x-show.transition.in x-show.transition.out # Only transition scale x-show.transition.scale # Customize scale x-show.transition.scale.95 # Set Duration (automatically sets the "out" duration to half the in) x-show.transition.duration.150ms # If you don't like this, you can do this: # Note: if both "in" AND "out" are applied, they are treated as two # seperate transition setting groups. Full flexibility. x-show.transition.in.duration.150ms.out.duration.150ms # Set origin x-show.transition.origin.top # Set multiple origins x-show.transition.origin.top.left # All of these settings can be combined to create something rediculous like this: x-show.transition.in.opacity.duration.150ms.out.opacity.scale.80.duration.500ms.origin.bottom.right
5 months ago