Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

jQuery Autumn Falling Leaves

Live Preview

============ DESCRIPTION ============

This is a jQuery powered falling leaves animation. Autumn is at our doorstep and with our animation you can add falling leaves to your website. It is meant to be a fullscreen animation of leaves that fall from the top of your site to the bottom.

========== PREVIEWS ==========

I prepared two previews to see how the falling leaves animation looks like on different backgrounds with different types of leaves activated. You can ofcourse add your own custom leaves.

====== USAGE ======

Animation can be used as background for the upcoming autumn season. Add a spark of life to your website :).

===================== WHAT CAN BE ACHIEVED =====================

You have three types of leaves available which can be seen in a preview. You can easily replace the leaf by adding it to javascript file which is well documented. You can change many parameters of animation within javascript file like type of leaf, rotation speed, falling speed, number of leaves, size of leaves and fps.

============== INCLUDED FILES ==============

  • jQuery files
  • HTML files
  • jpg and png images

============ QUICK GUIDE ============

Below is a list of parameters that can be changed to affect the falling of leaves. PDF help file is included which explains what values of each parameter do to the animation.

  • Gravitation
  • Rotation
  • Rotation (true or false)
  • Number of leaves
  • Size of leaves
  • Type of leaf – parameter typeOfLeaf defines which type of leaf will appear. You have 4 possibilities: 0 – - type 1, 1- type 2, 2 – type3, 3 – all types combined.
  • FPS – parameter that defines fps used.

============ ASSETS USED ============

While preparing the animation I used these great assets from Creative Market:

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.