Skip to content

Scrollreveal ​

Utilisation simple ​

html
<div x-scrollreveal>
    Animation simple
</div>

➡️ L’animation utilise la configuration par défaut.

Utilisation avec options personnalisées ​

La directive accepte un objet d’options ScrollReveal :

Attention, la librairie a été remplacé par GSAP ScrollTrigger.

html
<div
  x-scrollreveal="{
    delay: 200,
    origin: 'left',
    distance: '40px'
  }"
>
  Animation personnalisée
</div>