Motyar D

<p>Noise is an important part of most designs when it comes to websites. It helps direct the user’s attention to certain parts of the site without overwhelming them.</p>
<p>I’ve recently started seeing sites use a type of Javascript animation that is really appealing to me. It’s subtle and at the same time has a huge impact on the design.</p>
<p>And that’s it, you now have floating pixels on your website. You can use this plugin to add particles to a photography site, add fireflies to a field background image, add water debris, stars… the list goes on, its use is only limited by your imagination. Here are a couple example sites:</p>
<p>The plugin is called <a href="http://motyar.blogspot.in/2010/04/firefly-jquery-animation-plugin.html" title="firefly - A jquery animation plugin" rel="nofollow ugc">Firefly by Motyar</a>. It’s incredibly easy to add to your site and can really bring the design to life.</p>
<h3>Arbitrary section</h3>
<h3>A brief Markdown Example</h3>


FireFly Effect on WordPress

This is a wonderful effect and it works like a charm. (Wordpress 4.9.8)
I must admit that I'd love to have seen a shortcode option and a settings page instead of having to edit theme php files. At the moment all you can do is add the plugin and accept what it looks like. Which is great! But a bit more 'easy' options would have been awesome. Nevertheless, it looks fantastic, hence the5 stars.

Excellent effect

FireFly is a Jquery Plugin that creates spark effect on web page. Sparks moves in random motion and path. You have to call firefly_wp_setup() on every …

deimos252

<p>Animate every element in your page by simple selecting it and then applying the animation sequence you prefer. Multiple animations like bounce, shake, move, scale, colour and more can be used one after another.</p>
<p>Major features :</p>
<ul>
<li>Animation sequence editor for multible combination of effects</li>
<li>The trigger of the effect can be chosen either on window show or mouseover events</li>
<li>The repeatability of the effect can be loop or once</li>
<li>The duration time of each effect can also be set for each element.</li>
</ul>
<h3>Videos</h3>
<p>Create a simple animation<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YL3DBvN2B6A?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>View all animations in list<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AWqECc1_8J8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Fade in on window load<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/cTLMdXzS520?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>


Sequence animation

Animate every element in your page by simple selecting it and then applying the animation sequence you prefer. Multiple animations like bounce, shake, …

FireFly Effect on WordPress vs Sequence animation