Aide Scroll Reveal
Scroll Reveal
Version :
Langue :
Taille :
Date de création :
Date de mise à jour :
License :
Téléchargement :
ScrollReveal est un élément créé pour le logiciel OpenElement à partir de la V1.57.
Créer simplement des animations sur votre page. Entièrement paramétrables, les animations que vous créez sont déclenchées lorsque l’utilisateur "scroll" (défile) sur la page Web.
Vous pouvez assigner autant d'élément que vous désirez sur une page et créer des effets différents pour chaque élément.
Créer simplement des animations sur votre page. Entièrement paramétrables, les animations que vous créez sont déclenchées lorsque l’utilisateur "scroll" (défile) sur la page Web.
Vous pouvez assigner autant d'élément que vous désirez sur une page et créer des effets différents pour chaque élément.
Aide à l'installation de l'élément
1-Il faut être utilisateur du logiciel OpenElement.
2-Télécharger le fichier dll qui sera dans un fichier zip.
3-Copier le fichier dll dans le dossier "Common/Elements" de votre site web.
2-Télécharger le fichier dll qui sera dans un fichier zip.
3-Copier le fichier dll dans le dossier "Common/Elements" de votre site web.
Aide aux fonctions disponnibles
-Classe Perso : Les éléments ayant cette "Classe Perso" seront affectés par l'animation.
-Élément : L'élément sélectionné dans le menu popup sera affecté par l'animation.
-IDs d'éléments : Liste d'IDs d'éléments séparés par une virgule.
Exemple : WE6c0657ab0c,WE0356adf5fd,WE2ffe785e54f
-Élément : L'élément sélectionné dans le menu popup sera affecté par l'animation.
-IDs d'éléments : Liste d'IDs d'éléments séparés par une virgule.
Exemple : WE6c0657ab0c,WE0356adf5fd,WE2ffe785e54f
-Distance : Distance de départ de l'animation (en pixel).
-Durée : Durée de l'animation (en millisecondes, exemple : 1000 = 1 seconde).
-Échelle : Valeur de l'échelle de départ.
Normale = Pas de mise à l'échelle.
Moyen = Échelle divisé par 2.
Petite = Échelle au minimum.
-Facteur de vue : Pourcentage de visibilité de l'élément avant de commencer l'animation.
-Origine : Départ de l'animation.
Bas en haut = Animation de l'élément de bas en haut.
Haut en bas = Animation de l'élément de haut en bas.
Gauche à droite = Animation de l'élément de gauche à droite.
Droite à gauche = Animation de l'élément de droite en gauche.
-Durée : Durée de l'animation (en millisecondes, exemple : 1000 = 1 seconde).
-Échelle : Valeur de l'échelle de départ.
Normale = Pas de mise à l'échelle.
Moyen = Échelle divisé par 2.
Petite = Échelle au minimum.
-Facteur de vue : Pourcentage de visibilité de l'élément avant de commencer l'animation.
-Origine : Départ de l'animation.
Bas en haut = Animation de l'élément de bas en haut.
Haut en bas = Animation de l'élément de haut en bas.
Gauche à droite = Animation de l'élément de gauche à droite.
Droite à gauche = Animation de l'élément de droite en gauche.
-Easing arrive x : Facteur d'assouplissement CSS.
-Easing arrive y : Pourcentage d'assouplissement CSS.
-Easing start x : Facteur d'assouplissement CSS.
-Easing start y : Pourcentage d'assouplissement CSS.
-Easing arrive y : Pourcentage d'assouplissement CSS.
-Easing start x : Facteur d'assouplissement CSS.
-Easing start y : Pourcentage d'assouplissement CSS.
Temps
-Paramètres à entrer dans OpenElement pour avoir l'animation ci-dessus :
-Délais : Retarder l'animation (en millisecondes, exemple : 1000 = 1 seconde).
-Utilisation du délais : Retard de l'animation.
Toujours = Utilisation du délai à chaque fois.
Une fois = Utilisation du délai seulement au premier affichage de l'animation.
Chargement page = Utilisation du délai d'affichage de l'animation seulement au chargement de la page.
-Utilisation du délais : Retard de l'animation.
Toujours = Utilisation du délai à chaque fois.
Une fois = Utilisation du délai seulement au premier affichage de l'animation.
Chargement page = Utilisation du délai d'affichage de l'animation seulement au chargement de la page.
-Initialisation :
Cochée = Révèle l'animation à chaque fois que des éléments deviennent visibles sur l'écran.
Non cochée = Révèle l'animation qu'une seule fois.
-Opacité : Valeur d'opacité initiale, avant la transition vers l'opacité calculée.
Cochée = Opacité active.
Non cochée = Opacité non active.
-Smartphone : Animation sur appareil mobile.
Cochée = Autoriser l'animation sur appareil mobile.
Non cochée = Pas d'animation sur appareil mobile.
Cochée = Révèle l'animation à chaque fois que des éléments deviennent visibles sur l'écran.
Non cochée = Révèle l'animation qu'une seule fois.
-Opacité : Valeur d'opacité initiale, avant la transition vers l'opacité calculée.
Cochée = Opacité active.
Non cochée = Opacité non active.
-Smartphone : Animation sur appareil mobile.
Cochée = Autoriser l'animation sur appareil mobile.
Non cochée = Pas d'animation sur appareil mobile.
-Rotation en x : Rotation en degrés de l'élément sur l'axe x.
-Rotation en y : Rotation en degrés de l'élément sur l'axe y.
-Rotation en z : Rotation en degrés de l'élément sur l'axe z.
-Rotation en y : Rotation en degrés de l'élément sur l'axe y.
-Rotation en z : Rotation en degrés de l'élément sur l'axe z.
Dernière mise à jour
OnLine
IP :
YourIP