Advertise here

jQuery Plugins Tagged ‘effect’

Shape Hover Effect With SVG

January 07, 2014     8110     Effects
Shape Hover Effect With SVG

In this tutorial you ll create really cool hover effect. You ll be using SVG for the shape and Snap.svg for animating it on hover.

The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover

Read More »

Smoothslides – Responsive jQuery Slideshow

November 29, 2013     3738     Slider CSS3 & CSS Responsive
Smoothslides – Responsive jQuery Slideshow

Smoothslides is a responsive jQuery slideshow with Ken Burns style animations.

Features

  • Lightweight
  • Four Animation Types: Zoom In, Zoom Out, Pan Left, Pan Right
  • Easily add captions
  • CSS3 transitions for smoother effects
  • Responsive

Read More »

Elastic Stack – Elastic Dragging Interaction

November 12, 2013     3983     Drag & Drop Effects
Elastic Stack – Elastic Dragging Interaction

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one.

It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

Read More »

jQuery Fadeloader – Simple jQuery Preloader Plugin

November 05, 2013     5474     Effects
jQuery Fadeloader – Simple jQuery Preloader Plugin

jQuery Fadeloader plugin lets you easily implement a preloader to your site or section, using a cascade fade in effect to show specific blocks of content.

Read More »

slidr.js – JavaScript Library for Slide Effects

October 27, 2013     11038     Slider Effects
slidr.js – JavaScript Library for Slide Effects

slidr.js is a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required. 

Slides can contain any html content, no restrictions.

Read More »

rainyday.js – Rendering Raindrops with Javascript

October 21, 2013     6255     HTML5 Effects
rainyday.js – Rendering Raindrops with Javascript

rainyday.js is a simple script for simulating raindrops falling on a window.

The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.

Read More »

Create a Pentagon Hover Effect with CSS3 and jQuery

October 02, 2013     4014     CSS3 & CSS Effects
Create a Pentagon Hover Effect with CSS3 and jQuery

A tutorial about Creating Pentagon Hover Effect by using CSS3 and jQuery. It smoothly meshes together a rotate effect with a slight nudge right to the image along with a colorization of the image.

Read More »

Custombox – jQuery Modal Effects with CSS3 Transitions

October 02, 2013     9767     CSS3 & CSS Effects Modal & Overlay
Custombox – jQuery Modal Effects with CSS3 Transitions

Custombox is a jQuery modal window effects with CSS3 transitions. There are many effects such as FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip etc.

Read More »

jGallery – Customizable jQuery Photo Gallery with Effects

September 23, 2013     6028     Gallery Effects
jGallery – Customizable jQuery Photo Gallery with Effects

jGallery is a customizable jQuery photo gallery with albums and preloader.

Features

  • 41 configuration parameters
  • 43 transition effects
  • Unlimited scalability
  • Compatible with all major browsers
  • Retina friendly

Read More »

NoVacancy.js – Text Neon Golden Effect jQuery Plugin

August 14, 2013     6862     Effects Text & String
NoVacancy.js – Text Neon Golden Effect jQuery Plugin

NoVacancy.js is a text neon golden effect jQuery plugin.

Read More »

Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

July 30, 2013     7594     Slider CSS3 & CSS Responsive
Juicy Slider – Responsive and Lightweight jQuery Slider/Slideshow Plugin

Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.

The current release uses jQuery UI to set its transition effects.

Read More »

AnimateScroll – jQuery Plugin for Animating the Scroll

July 29, 2013     11927     Scroll Effects
AnimateScroll – jQuery Plugin for Animating the Scroll

AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the Id or Classname of the element where you want to scroll to.

AnimateScroll has many options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.

Read More »

jQuery.BgSwitcher – Switch Background Image with Effects

July 29, 2013     10973     Slider Effects
jQuery.BgSwitcher – Switch Background Image with Effects

jQuery.BgSwitcher is a jQuery plugin to switch the background image with effects. Here are effect types that can be used: fade,blind,clip,slide,drop,hide (No effect)

Read More »

Text Effects – Sci-Fi Style Effect with jQuery

July 23, 2013     7675     Effects Text & String
Text Effects –  Sci-Fi Style Effect with jQuery

Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.

Read More »

On Scroll Effect Layout

July 22, 2013     10605     Scroll Effects
On Scroll Effect Layout

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Read More »

AdvertisementAdvertise with us!