Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var path = document.querySelector('path');
- var length = path.getTotalLength();
- // Clear any previous transition
- path.style.transition = path.style.WebkitTransition =
- 'none';
- // Set up the starting positions
- path.style.strokeDasharray = length + ' ' + length;
- path.style.strokeDashoffset = length;
- // Trigger a layout so styles are calculated & the browser
- // picks up the starting position before animating
- path.getBoundingClientRect();
- // Define our transition
- path.style.transition = path.style.WebkitTransition =
- 'stroke-dashoffset 30s ease';
- // Go!
- path.style.strokeDashoffset = '0';
Add Comment
Please, Sign In to add comment