Toggle navigation
Sign Up
Log In
Explore
Works
Folders
Tools
Collections
Artists
Groups
Groups
Topics
Tasks
Tasks
Jobs
Teams
Jobs
Recommendation
More Effects...
JS
$(window).load(function () { var engine = new RainyDay({ element: 'background', blur: 10, opacity: 1, fps: 30 }); engine.trail = engine.TRAIL_DROPS; engine.rain([ [3, 2, 2] ], 100); });
CSS
body { overflow: hidden; } #parent { width: 100%; height: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; } #parent img { width: 100%; height: 100%; }
HTML
<script src="http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js"></script> <div id="parent"> <img id="background" alt="background" src="http://www.effecthub.com/uploads/item/358.jpg" /> </div>
Join Effecthub.com
Working with Global Gaming Artists and Developers!
Login
Sign Up
Or Login with Your Email Address:
Email
Password
Remember
Or Sign Up with Your Email Address:
Your Email
This field must contain a valid email
Set Password
Password should be at least 1 character
Stay informed via email
