Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.
websitebaker testseite
Private Testseite WB 2.12.1 (Rev.188)

Wodry

jQuery Plugin - Text Effekt
 

Bla bla bla word1|word2|word3


 

Anwendung:


HTML

<div>Bla bla bla<span class="wodry">word1|word2|word3</span></div>
JS

$('.wodry').wodry();
 

Bla bla bla word4|word5|word6

HTML

<div>Bla bla bla<span class="wodry2">word4|word5|word6</span></div>
JS

$('.wodry2').wodry({animation: 'rotateAll'});




Anpassbare Werte

//settings
animation: 'rotateY',  // rotateX, rotateY, rotateAll, scaleX, scaleY, scaleAll, clockwise, anticlockwise
delay: 2000,			// 2000
animationDuration: 500,	// 500
separator: '|',
shift: {x:0,y:0,z:0}	// specify the X,Y and Z values of shifting





Autor: http://daynin.github.io/wodry