Wednesday, August 5FreeJQuery

jQuery Effects

CSS Glitch Effect jQuery
CSS, jQuery Effects, jQuery Plugins

CSS Glitch Effect jQuery

  CSS Glitch Effect CSS Glitch Effect Today we’d like to highlight you how to create a little experimental glitch-like effect on an image. The effect will be powered by CSS animations and the clip-path property. The technique involves using several layers of images where each one will has a clip-path, a blend mode and a translation applied to it.Lucas Bebber's Glitch is a super cool effect. It's like you're looking at some text displayed on a progressive scan monitor that has been dropped on the ground one too many times and so the alignment of the pixels is off in weirdly un-even amounts time and space.It's bonafide CSS trick if there ever was one! It took me a bit to figure out how it was working, so I thought I'd explain. Then I ended up making it work for other kinds...
Sticky Image Effect
Animation, jQuery, jQuery Effects

Sticky Image Effect

Understanding the effect:When playing with the effect a couple of times we can make a very simple observation about the “stick”.In either direction of the effect, the center always reaches its destination first, and the corners last. They go at the same speed, but start at different times.With this simple observation we can extrapolate some of the things we need to do:Differentiate between the unsticky part of the image which is going to move normally and the sticky part of the image which is going to start with an offset. In this case, the corners are sticky and the center is unsticky. Sync the movementsMove the unsticky part to the destination while not moving the sticky part. When the unsticky part reaches its destination, start moving the sticky part...
Instagram News Feed – Embed Instagram Photos
jQuery, jQuery Effects, Social, WordPress Plugins

Instagram News Feed – Embed Instagram Photos

This Plugin enables you to embed Instagram photos into any sites on the internet. You can attach any profile or the stuff of users. This plugin is very useful and easy to use, you can customize the feed, photos, button, etc.Main FeaturesMultiple Photos: Select many photos in one post. Mobile Friendly: Works brilliantly in mobile, tabs, and devices. Responsive: Plugin is very responsible you can adjust the width or length of Instagram Feed Photos. Likes & Comments: This plugin displays likes & comments in real time. Cross Browser Support- Can be run in chrome, safari, opera, firefox, edge, etc.Read More | Demo 
Add Animate Rotated Overlays Transition Effects
Animation, jQuery Effects, jQuery Plugins

Add Animate Rotated Overlays Transition Effects

Some examples on how we can add animate rotated overlays transition effects, by adding elements & objects for amazing touch. The moving effects are always attractive to the eyes.To add Such an effect isn't so difficult, We've to add reveal plugin which helps to animate any object which you add to the overlay.Read More | Demo | Download 
Best way to use jQuery Effects – Hide and Show
jQuery Effects

Best way to use jQuery Effects – Hide and Show

The jQuery library provides several techniques for adding animation to a web page. The best way to use jQuery effects - Hide and Show effects which will provide to do various kind of amazing effects with a web interface. The jQuery API has many jQuery methods allow us to quickly apply commonly used effects, the jQuery effects. This tutorial deals with important jQuery effects which will show you the best way to use jQuery effects - Hide and Show. Showing and Hiding Elements with jQuery There are following two functions, hide() and show() for showing and hiding any DOM elements (DOM element is something like a DIV, HTML, BODY element on a page). Syntax: .show( duration [, easing ] [, complete ] )  .hide( duration [, easing ] [, complete ] )Where the meanings are:duration ...