jQuery / CSS Animated Falling Leaves

A jQuery plugin which uses CSS3 transformations to create 3D falling leaves on your web page. Perfect for Autumn or Fall themed seasonal pages.

About This Script

To use the script, simply copy the code (below) anywhere inside the <head> tag of your page.

Demo

This page shows the falling leaves in action.

Code

<!-- jQuery is required if you're not already using it --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Falling leaves provided by http://www.top-site-list.com --> <script src="http://www.top-site-list.com/scripts/assets/falling-leaves/rotate3Di.min.js"></script> <script src="http://www.top-site-list.com/scripts/assets/falling-leaves/3d-falling-leaves.min.js"></script> <link rel="stylesheet" href="http://www.top-site-list.com/scripts/assets/falling-leaves/3d-falling-leaves.min.css" /> <script> $(document).fallingLeaves({ leafStyles: 3, // Number of leaf styles in the sprite (leaves.png) speedC: 2, // Speed of leaves rotation: 1, // Define rotation of leaves rotationTrue: 1, // Whether leaves rotate (1) or not (0) numberOfLeaves: 15, // Number of leaves size: 40, // General size of leaves, final size is calculated randomly (with this number as general parameter) cycleSpeed: 30 // Speed (see http://www.jqueryscript.net/animation) (Inverse frames per second) (10-100) }) </script>
More scripts

Do you want to expose your site to millions?
Do you want to be ranked higher in Google?
Do you want to be known as the best site in your niche?

Then look no further. Add your site in 3 simple steps. Sign up, Add your site and Start receiving votes! It only takes 10 seconds!

Sign Up to Top Site List Planet Now!

Login with one of these social networks...

Sign in with FacebookSign in with TwitterSign in with Google+Sign in with Yahoo!Sign in with LinkedIn

or create an account with your email...

Login To An Existing Account