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 a product contact the shop owner here on the product page! Just click the Message icon on the upper right. For anything else visit our FAQ