Advertisement
Guest User

Untitled

a guest
Mar 20th, 2018
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.72 KB | None | 0 0
  1. function fadeInText(l) {
  2.  
  3.  
  4. var el = document.querySelector(l);
  5. var split = el.dataset.split;
  6. var text = new SplitText(el, { type: split });
  7. var tl = new TimelineMax({ paused: false });
  8. var splitEls = text[split];
  9. var wrapEls = function wrapEls(els) {
  10. return els.map(function (el) {
  11. return '<span style="display: inline-block">' + el.innerText + '</span>';
  12. });
  13. };
  14. var wrapped = wrapEls(splitEls);
  15.  
  16. splitEls.forEach(function (el, i) {
  17. el.style.overflow = 'hidden';
  18. el.innerHTML = wrapped[i];
  19. });
  20.  
  21. var masks = splitEls.map(function (el) {
  22. return el.querySelector('span');
  23. });
  24.  
  25. tl.staggerFrom(masks, 1.25, { skewY: 4, y: '200%', ease: Expo.easeOut, delay: 0.9 }, 0.1, 'in');
  26. return l;
  27. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement