je vous présente un nouvel élément pour OpenElement, il permet d'utiliser toutes les options disponibles de Textillate sur vos éléments texte (76 options d'animation de texte !) 

ATTENTION : L'élément ne fonctionne qu'à partir de OpenElement Version 1.57R1

Textillate est un plugin jQuery pour appliquer des effets visuels animés aux lettres ou mots.  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.

Il faut installer le fichier .dll dans le dossier de votre projet (sur le PC) à l'emplacement par défaut :

"C:\Users\VOTRE_PROFILE_UTILISATEUR\Documents\openElement\DossierDeMonSiteInternet\Common\Elements\"

L'élément est gratuit ! (Et gratuit c'est dans mes prix ! )

#######################################

#######################################

Paramétrages disponibles dans l'interface de l'élément : 

-Brouillage : Randomise la séquence de caractères (notez que le brouillage n'a pas de sens si synchroniser = cochée).

-Délais : Régler le délai entre chaque animation de caractère (en millisecondes).

-Échelle de retard : Définir le facteur de retard appliqué à chaque caractère consécutif.

-Effet de départ : Effet de départ parmi la banque d'effet  (bounce, flash, headShake, hinge, jello, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp). 

-Sens inverse : Inverser la séquence de caractères (notez que de cocher cette case n'a pas de sens avec Synchronisation = cochée).

-Synchroniser : Pour animer tous les caractères en même temps  (Cochée = oui).

-Brouillage : Randomise la séquence de caractères (notez que le brouillage n'a pas de sens si synchroniser = cochée).

-Délais : Régler le délai entre chaque animation de caractère (en millisecondes).

-Échelle de retard : Définir le facteur de retard appliqué à chaque caractère consécutif.

-Effet de sortie : Effet de sortie parmi la banque d'effet  (bounce, flash, headShake, hinge, jello, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp).

-Sens inverse : Inverser la séquence de caractères (notez que de cocher cette case n'a pas de sens avec Synchronisation = cochée).

-Synchroniser : Pour animer tous les caractères en même temps (Cochée = oui).

-Boucle : Animation en boucle (Cochée = Animation en boucle).

-Délais de départ : Définit le délai initial avant de lancer l'animation (en millisecondes).

-Lettre ou mot : Effet sur les lettre ou le mots  (Cochée = Animation sur les mots).

-Temps entre animation : Définit le temps d'affichage minimum entre chaque animation (en millisecondes). 

-Auto start :  Définir s'il faut ou non lancer automatiquement l'animation.

NOTE : Si vous décochez cette case vous devez démarrer l'animation via un déclencheur :

$element.textillate('start') - Start/restart textillate

$element.textillate('stop') - Pause/stop textillate

$element.textillate('in') - Déclencher le texte actuel dans l'animation

$element.textillate('out') - Déclencher l'animation de sortie du texte en cours

Cochée = Démarrage automatique

Décoché = Pas de démarrage automatique 

#######################################

          -Version de l'élément : V3.0.1

@ Bientôt ! 

Une petite question: Textillate ne fonctionne pas sur un texte lien ?

Merci, au plaisir 

ScrollReveal et Image Splendide aussi  (comment faire un placement de produit discrétos)