Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function fadeInText(l) {
- var el = document.querySelector(l);
- var split = el.dataset.split;
- var text = new SplitText(el, { type: split });
- var tl = new TimelineMax({ paused: false });
- var splitEls = text[split];
- var wrapEls = function wrapEls(els) {
- return els.map(function (el) {
- return '<span style="display: inline-block">' + el.innerText + '</span>';
- });
- };
- var wrapped = wrapEls(splitEls);
- splitEls.forEach(function (el, i) {
- el.style.overflow = 'hidden';
- el.innerHTML = wrapped[i];
- });
- var masks = splitEls.map(function (el) {
- return el.querySelector('span');
- });
- tl.staggerFrom(masks, 1.25, { skewY: 4, y: '200%', ease: Expo.easeOut, delay: 0.9 }, 0.1, 'in');
- return l;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement