Tests
Aujourd'hui
2 visiteurs - 2 pages vues
Total
7545 visiteurs - 19161 pages vues
Ready Set Go!
Hi !
// Initialize
var txt = new TextFx(this.el.querySelector('.title'));
// Show letters:
// txt.show([effect] [,callback]);
// If nothing is passed, then there's no animation.
// ´effect´ can either be one of the predefined effects: ['fx1',...,'fx17'] or
// an object literal representing both, in and out animations (anime.js based).
// Example:
effect = {
in: {
duration: 500,
delay: function(el, index) {
return 250+index*40;
},
easing: 'easeOutExpo',
opacity: 1,
translateY: ['50%','0%']
},
out: {
duration: 500,
delay: function(el, index) {
return index*40;
},
easing: 'easeOutExpo',
opacity: 0,
translateY: '-50%'
}
}
// ´callback´ is the callback function, after all the letters finished the animation.
// Hide letters:
// txt.hide([effect] [,callback]); (same logic of show)
Options
Texte
Support du Web
Couleur
#000000
Lien
http://www.supportduweb.com/
Police de caractère
Aperçu de la police:Aperçu de la police:
Taille-
20
+
TypeAbsolue Fixe
PositionGauche Droite
Styles Ribbons
Style Ribbon #1 Style Ribbon #2 Style Ribbon #3 Style Ribbon #4 Style Ribbon #5 Style Ribbon #6 Style Ribbon #7 Style Ribbon #8 Style Ribbon #9 Style Ribbon #10 Style Ribbon #11 Style Ribbon #12 Style Ribbon #13 Style Ribbon #14 Style Ribbon #15 Style Ribbon #16 Style Ribbon #17 Style Ribbon #18 Style Ribbon #19 Style Ribbon #20
Outils Similaires (qui pourraient vous intéresser)
Générateur de Pense-Bête
Effets et filtres sur image
Reflets sur images
Images Glitters animés
Redimention d'images gifs animées
Signatures pour forums
Keep Calm T-Shirt Maker - Soulay Cool T-Shirt Designs
