block-reveal.js
3 months ago
blur-in.js
3 months ago
bounce-in.js
3 months ago
drop-in.js
3 months ago
fade-in.js
3 months ago
flash.js
3 months ago
flicker.js
3 months ago
flip-in.js
3 months ago
glitch-rgb.js
3 months ago
glitch.js
3 months ago
glow-in.js
3 months ago
pulse-neon.js
3 months ago
pulse.js
3 months ago
random-reveal.js
3 months ago
roll-in.js
3 months ago
rotate-in.js
3 months ago
rubber-band.js
3 months ago
scale-in.js
3 months ago
shadow-pop.js
3 months ago
shuffle-text.js
3 months ago
slide-down.js
3 months ago
slide-left.js
3 months ago
slide-right.js
3 months ago
slide-up.js
3 months ago
solid-outline.js
3 months ago
squeeze.js
3 months ago
stretch.js
3 months ago
swing.js
3 months ago
terminal-type.js
3 months ago
tracking-expand.js
3 months ago
typewriter.js
3 months ago
water-drop.js
3 months ago
wave.js
3 months ago
tracking-expand.js
24 lines
| 1 | ( function () { |
| 2 | 'use strict'; |
| 3 | |
| 4 | var DURATION = 1.2; |
| 5 | |
| 6 | function play( el ) { |
| 7 | var text = el.getAttribute( 'data-original-text' ) || el.textContent.trim(); |
| 8 | el.setAttribute( 'data-original-text', text ); |
| 9 | el.innerHTML = ''; |
| 10 | |
| 11 | var span = document.createElement( 'span' ); |
| 12 | span.textContent = text; |
| 13 | span.style.cssText = 'display:inline-block;opacity:0;'; |
| 14 | span.style.animation = 'frblTrackingExpand ' + DURATION + 's forwards'; |
| 15 | |
| 16 | el.appendChild( span ); |
| 17 | |
| 18 | el._frblLoop && setTimeout( function () { play( el ); }, DURATION * 1000 + 2500 ); |
| 19 | } |
| 20 | |
| 21 | window.FrblAnimations = window.FrblAnimations || {}; |
| 22 | window.FrblAnimations['tracking-expand'] = play; |
| 23 | } )(); |
| 24 |