Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrome.
Best jQuery Animation Plugins & Tutorials with Demo
Image Caption Hover Animation with CSS3 Transitions & Transforms
This is an example of caption animation while hovering on images, using CSS3 transitions and transform rules. There is no Javascript used so it will work on modern browsers where CSS3 animations are supported. Please check the sourcecode of demo page to understand how the animation is working.
jQuery Rain and Snow Effects Plugin
This plugin has 3 different types of effect : Rain, Snow and Balloon.Add a beautiful rainy background with lighting effect or add snow fall background in to your wabsite.
Features:
- 3 Different Effects : Rain, Snow and Ballon
- Drop Appear Speed Control
- Drop Folling Speed Control
- Control on Wind Direction
- Control on Drop Width and Height
- Set Lighting Effect During Rain
- Easily Customizable HTML & CSS
Loading Animation using CSS3 Keyframe Animation
CSS3 Keyframes are great for creating anything from complex, multi-step animations to simple looping animations. Loading animations are a necessity for demonstrating to the user that they need to wait while also being easy on the eyes. A cool loading animation could keep a user interested. This loading animation is inspired by the Xbox loading animation.
