x

@twicpics-components
Documentation

transition properties

The transition properties allow you to customize the effect used to reveal the image once it has been loaded.

  • transition: determines how the image will be revealed once loaded (default: fade). The possible values are:
    - fade, for a fade in effect
    - zoom, for a zoom effect
    - fade+zoom, for both fade and zoom effects
    - or none, for no transition
  • transitionDelay: transition delay of the transition effect (default: 0ms).
  • transitionDuration: duration of the transition effect (default: 400ms).
  • transitionTimingFunction: CSS timing function applied to the transition effect (default: ease).
 Edit TwicPics x Nuxt - Transition property
peacock
Default values
peacock
transition="none"
peacock
transition="zoom"
peacock
transition="fade"
peacock
transition="fade+zoom"
peacock
transitionDuration="2000ms"
peacock
transitionDuration="2000ms" and transitionTimingFunction="linear"
peacock
transitionDelay="2000ms"