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
Create ripple effect by using jQuery on click and tap In this tutorial, I will show you demos of creating the material design-inspired ripple effect by using a jQuery plug-in. The plug-in name is rippleria that you may download from the Github website here. By using this plug-in, you may create a ripple effect in … Read more
jQuery coverflow 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 like web design, or other documents that can be viewed by using keyboard navigation, mouse click, or mouse wheel, and swipe/tap. FYI, the coverflow is a concept implemented on … Read more
Applying the CSS gradient transition by jQuery in background 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. You may specify the angle of gradient, the default is 0deg. You may also set the transition time between gradients. If not … Read more
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
Adding cool CSS 3 effects in different elements 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. For example, if you have an e-commerce website, then a section of products can be displayed with a fading … Read more
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 3D parallax scrolling effect by using jQuery 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. FYI, if you have not heard of this earlier, the parallax effect is the one where foreground moves faster than the background. … Read more
The jquery.scrollfx plug-in The jquery.scrollfx can be used for creating animations or some cool effects in elements as the visitors of your website scroll down the page. You just need to add a few dependency files like plug-in JS and CSS files, specify the elements where you want to create effects or animations, and set … Read more
The jQuery ripple effect plug-in The design of a website can be improved if you use ripple effect, particularly, in menu items like left or right navigations etc. In that case, as a user selects or clicks a menu item, the ripple effect in that item can be created by using jQuery and CSS, apart from … Read more
CSS 3 transform property and hovering effect plug-in 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 plug-in uses CSS 3 transform property for creating effects. As such, the CSS transform property is used for applying the 2D/3D … Read more
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
The hover method in jQuery The jQuery hover method binds two handlers as the mouse enters and leaves a specified element like a link, a paragraph, lists, and others. You may execute the code in those handlers like changing the background colors, fonts, adding text, or some other actions. Syntax of using hover method This … Read more