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 …

CeiKay

<p>Image Effect CK allows you to add some nice effects on your images into your editor. You just have to add the needed CSS class or attribute on the desired images.</p>
<h3>Features</h3>
<p>On any image into your website you can add the effect you want. You can choose to have different effects in the same page.</p>
<ul>
<li>Applies to any image in the page</li>
<li>You can add the effect you want to each image</li>
<li>Responsive behavior</li>
<li>Animated caption that is automatically generated from the title tag of the image</li>
<li>No HTML knowledge required, just add the CSS class on the image</li>
<li>Possibility to add a link on the image</li>
</ul>
<p>Using Image Effect CK you don’t have to wrap your image with some HTML tag or add any additional code, just set the CSS class and the title on your image and that’s all !</p>
<h3>How to use it</h3>
<p>The only thing you have to do is to add the CSS class on your image. You can use your editor is it has the ability to set a class, or edit the source code to add the class manually to the image tag. The caption is automatically created from the title tag of the image. Example of image source code :</p>
<p><img src=”/images/yourimage.jpg” class=”effectck-lily” title=”My title::A little description” /></p>
<p>See the demo for the list of available classes and effects.</p>
<p>Note that you can set a title and desciption using the separator “::” into the title tag.</p>
<p>Get more informations and see the demo on https://www.ceikay.com</p>


Image Effect CK

Image Effect CK allows you to add some nice effects on your images into your editor.

FireFly Effect on WordPress vs Image Effect CK