jQuery Autumn Falling Leaves

in Add-Ons

DOWNLOAD NOW Report
82 0
YOU MAY ALSO LIKE:
===
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.

http://premiumcoding.com/jquery/CreativeMarket/Version1/
http://premiumcoding.com/jquery/CreativeMarket/Version2/


===
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:


https://creativemarket.com/PedroCS/15751-Autumn-pack
https://creativemarket.com/swiejko/14831-Watercolor-Leaves
File Type: JS, AI, PNG, HTML, JPG, PDF
File Size: 1.34
Minimum Browser: IE, Safari, Chrome, Opera, Firefox
Compatible with: Adobe Illustrator, HTML/CSS