TwicPics logoxReact Logo

Open in GithubOpen in StackBlitz
@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
    - ornone, 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).
Default values
transition="none"
transition="zoom"
transition="fade"
transition="fade+zoom"
transitionDuration="2000ms"
transitionDuration="2000ms"andtransitionTimingFunction="linear"
transitionDelay="2000ms"