Support nodeList as first reveal argument

[jlmakes]

Selectors and nodes are already supported...

// selector
sr.reveal('#chocolate');

// node
var node = document.getElementById('chocolate');
sr.reveal(node);

---

✨ Let’s support NodeList! ✨

// node list
var nodeList = document.querySelectorAll('.chocolates');
sr.reveal(nodeList);

👍🏾

[jlmakes]

Re: @orapouso #20

I will add support for this into the next release.

[orapouso]

👍

[ryanjbonnell]

When this is added, perhaps a section on Advanced Selectors could be added to the documentation?

Here's a quick example I came up with:

// ScrollReveal using CSS Pseudo-Class Selector:
sr.reveal('h1:not(.no-animation)', {
  distance: '50px',
  origin: 'left'
});

This would animate all h1 elements, except those with the .no-animation class using a CSS pseudo-class selector:

<h1>This Will Animate</h1>

<h1 class="no-animation">No Animation</h1>

I'm happy to provide more use cases or code examples (CodePen, JSFiddle, etc).