The animation section contains the collection of different scripts and code snippets. A number of these posts are jQuery animation plug-ins for various HTML elements like image animations, popovers and modal, links, and transition effect for different elements. Hope you will find it useful to be used in your projects.
How to create parallax tilt effect? The tilt.js plug-in can be used for creating the parallax tilt effect on mouse hover for any element in your web pages. After Gzipped, the size of the plug-in is only around 1.45Kb. It is the 60+ fps (Fames per seconds) hover effect and quite easy to set up. … Read more
The dreyanim is a jQuery and CSS3-based plug-in for creating animations to elements like text paragraphs, images, or other elements.
Animated intro by jQuery The animated intro can be eye-catching as a user lands on your website; for getting the user attention. For creating animated text or mixed content intro, you may use the Gif file, flash etc. as an easier solution. However, it can be heavier than using the simple animated text. In this … Read more
Creating weather cards for your websites In this tutorial, I am going to share an awesome jQuery based solution for creating the animated weather cards. You may switch among the sunny, snow, windy, rain and storm cards as using this nice plug-in. It uses SVG figures and jQuery code for creating animations. For different weather … Read more
Creating animated modal and popovers with Bootstrap and velocity.js I have covered a number of plug-ins for creating simple and advanced modal windows that are based on Bootstrap framework. You can read by visiting the links below: Creating simple modals by using Bootstrap framework is written here. A nice jQuery plug-in (bootstrap3-dialog) is also covered … Read more
The jquery.imgexplode explodes the image with a variety of options available in that jQuery plug-in.
In this tutorial, the Bootstrap based progress bars are created that you may integrate into your web pages quite easily. Functionality-wise, it is up to you how to handle it.
The color property is used to define the color of the text in CSS. You may set colors for different sections or elements separately.
CSS3 animation property is used to create animations for different web elements including images. See examples of using this.
The gradient CSS property can be used for the smooth transition of different colors that otherwise need to be done by using images.
Creating transition effect in HTML elements by jQuery In this demo, you are going to see and learn how to create transition effect in two HTML elements with jQuery. You may use the different type of content in the HTML elements like headings, text paragraphs, images etc. The plug-in allows using only two elements currently. Upon … Read more
The jQuery rotate plug-in can be used for creating animations in different elements of the web page including images, icons,…
The jquery.scrollfx can be used for creating animations or some cool effects in elements as you scroll down the page.
In this tutorial, I am going to show you examples of a jQuery based plug-in for creating HTML links with four types of effects.
In this tutorial, a jQuery plug-in is used for creating 3D flip animations. The plug-in name is “flip” which can be downloaded from this link.