x

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"