WARNING: THIS SITE IS A MIRROR OF GITHUB.COM / IT CANNOT LOGIN OR REGISTER ACCOUNTS / THE CONTENTS ARE PROVIDED AS-IS / THIS SITE ASSUMES NO RESPONSIBILITY FOR ANY DISPLAYED CONTENT OR LINKS / IF YOU FOUND SOMETHING MAY NOT GOOD FOR EVERYONE, CONTACT ADMIN AT ilovescratch@foxmail.com
Skip to content

v1.12.0

Choose a tag to compare

@calebporzio calebporzio released this 16 Feb 05:57

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