Advertisement
Guest User

Untitled

a guest
Jul 30th, 2015
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.74 KB | None | 0 0
  1. injectStyle(`@keyframes wobble {
  2. 0% { transform: translate(0, -10px) }
  3. 25% { transform: translate(10px, 0) }
  4. 50% { transform: translate(0, 10px) }
  5. 75% { transform: translate(-10px, 0) }
  6. }`);
  7.  
  8. iterateResursive(document.body.children, applyStyle);
  9.  
  10. function injectStyle(style) {
  11. var el = document.createElement('style');
  12. el.innerHTML = style;
  13. document.body.appendChild(el);
  14. }
  15.  
  16. function iterateResursive(els, cb) {
  17. for(var i = 0; i < els.length; i++) {
  18. iterateResursive(els[i].children, cb);
  19. cb(els[i]);
  20. }
  21. }
  22.  
  23. function applyStyle(el) {
  24. var delay = Math.random() * 2;
  25.  
  26. el.style.animation = [
  27. 'wobble',
  28. '2s',
  29. 'linear',
  30. delay + 's',
  31. 'infinite'
  32. ].join(' ');
  33. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement