jQuery Mouse Sprite Effect




jquery-mouse-sprites

A fun background effect using jQuery and CSS animations.

Using jQuery and CSS Animations, these colorful little sprites will follow your mouse around a certain area (container). The numbers of sprites, colors, and level of transparency as well as their individual speeds are all randomized, giving every page load a unique feel.

How to use it:

  1. Download project files
  2. Upload jQuery Script onto your FTP in you js folder
  3. Copy and paste the CSS noted to your CSS document
  4. Add ‘bgFXcontainer’ class to the container you want to generate sprites into
  5. Add ‘<div class=”bgkFXcenter”><div class=”backgroundEffects”></div></div>’ to the bottom of the content within your div containing the class ‘bgFXcontainer’.

Leave a Reply

Your email address will not be published. Required fields are marked *