This page lists effects and web elements by using CSS, CSS3, jQuery, etc. You can copy/download code to be used on your website.
How to create glitch effect using jQuery? The jquery-glitch is a simple plug-in for creating the glitch effect on text in your web pages. You may apply the glitch effect on text for different elements like headings, paragraphs or even smaller text in a span tag. The colors of the glitch effect can also be … Read more
Create ripple effect The yarp.js is a Material design inspired jQuery plug-in for creating the ripple effect in HTML elements. The plug-in is the just 1Kb size and it is very simple to use. All you have to do is include the JS file of the plug-in after the jQuery library and initiate the plug-in … Read more
In this tutorial, I will show you demos of creating the material design-inspired ripple effect by using a jQuery plug-in.
The coverflow plug-in, which is based on jQuery, is an easy way to create coverflow in your website for photographs, professional work presentations…
The Gradientify plug-in can be used for creating smooth CSS gradients based on an array of pre-defined colors. The colors are specified with RGB values.
Changing color smoothly on scroll using jQuery In this post, I am going to share a jQuery plug-in that can be used for changing the color upon scrolling of the web page. It is a light-weight plug-in that is the only 3Kb file. You may specify two colors with RGB values. The colors will transit between … Read more
To make a website more interactive, you may use the power of CSS to display different elements on a web page with animations like rotate or other effects.
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
In this tutorial, I will show you how to create the parallax scrolling effect on any content type by using a jQuery-based parallax plug-in, parallux.
In this tutorial, I am going to show you a simple jQuery and CSS based plug-in that can be integrated into your web design easily.
The jQuery Hover3d is a light-weight plug-in that can be used for creating 3D effects in images as the mouse hovers over the specified elements.
The hovering effect As you bring the mouse over an element, the hover event occurs. You may perform certain things by using jQuery as this occurs. In this tutorial, I am using the “jQuery-hover-effects” plug-in, which is a light-weight, just 6Kb JS file for creating hover effects on elements. Basically, this plug-in will show the … Read more
jQuery $.hover method binds two handlers as the mouse enters and leaves a specified element like a link, a paragraph, lists, and others.