Advertise here

Effects

Sticker.js – Sticker Effect with JavaScript

February 25, 2014     4183     Effects
Sticker.js – Sticker Effect with JavaScript

Sticker.js is a Javascript library that allows you to create a Sticker Effect.

Read More »

DarkTooltip – jQuery Tooltip Plugin with Effects

February 24, 2014     5832     Tooltip Effects
DarkTooltip – jQuery Tooltip Plugin with Effects

DarkTooltip is a simple customizable jQuery tooltip plugin with confirm option and 3d effects.

Read More »

Flip-Quote – Create Pull-Quote That Flips on Scroll

February 07, 2014     7127     CSS3 & CSS Scroll Effects
Flip-Quote – Create Pull-Quote That Flips on Scroll

jQuery Flip-Quote creates a pull-quote from a text quote found in the document and flips to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

Read More »

Parallax ImageScroll jQuery Plugin

January 18, 2014     11828     Scroll Effects
Parallax ImageScroll jQuery Plugin

Parallax ImageScroll is a simple and easy jQuery plugin for creating image parallax effects when scrolling the page, inspired by spotify.com

Read More »

Shape Hover Effect With SVG

January 07, 2014     8226     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 »

SlipHover – Direction Aware Hover Animation to Images

January 05, 2014     6633     Effects Animation
SlipHover – Direction Aware Hover Animation to Images

SlipHover is a jQuery plugin to apply direction aware hover animation to images or any other elements.

Read More »

neatShow.js – jQuery Plugin to Fade In Images Beautifully

December 30, 2013     9545     Gallery Effects
neatShow.js – jQuery Plugin to Fade In Images Beautifully

neatShow.js is a jQuery plugin to fade in images beautifully on your website.

When neatShow is applied to an image, it will wait until the image has finished downloading, then instantly fades it in regardless of other images or activity on the page. Works reliably with all images in any state, including downloading, download complete and cached.

Read More »

three.js – JavaScript 3D Library

December 23, 2013     10010     Effects Animation
three.js – JavaScript 3D Library

The aim of three.js is to create a lightweight 3D library with a very low level of complexity. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.

Features

  • Renderers: WebGL, <canvas>, <svg>, CSS3D, DOM, Software; effects: anaglyph, crosseyed, stereo and more
  • Scenes: add and remove objects at run-time; fog
  • Cameras: perspective and orthographic; controllers: trackball, FPS, path and more
  • Animation: morph and keyframe
  • Lights: ambient, direction, point, spot and hemisphere lights; shadows: cast and receive

Read More »

jQuery Adaptive Backgrounds

December 13, 2013     8147     Others Effects
 jQuery Adaptive Backgrounds

Adaptive Backgrounds is a simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

Read More »

flipCountDown – jQuery Clock/Timer Plugin in Retro Flip Countdown Style

December 12, 2013     18776     Date & Time Effects
 flipCountDown – jQuery Clock/Timer Plugin in Retro Flip Countdown Style

flipCountDown is a jQuery clock / timer / countdown plugin in retro flip-count down style.

For sizing, it's possible to use Bootstrap sizes notation.

Read More »

PhotoJShop – jQuery Plugin for Image Filters

December 04, 2013     3617     Effects
PhotoJShop – jQuery Plugin for Image Filters

PhotoJShop is a JavaScript photo editing library packaged in a simple jQuery plugin for photo editing using the canvas, aiming to reproduce most usual filters.

Read More »

funnyText.js – Create Funny and Crazy Moving Texts

November 22, 2013     9238     Effects Text & String
funnyText.js – Create Funny and Crazy Moving Texts

funnyText.js is a jQuery plugin that creates animation for the letters inside a text moving them vertically or horizontally. Ideal for titles and you can configure colors, speed of movement, font size...

Read More »

Elastic Stack – Elastic Dragging Interaction

November 12, 2013     4340     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 »

Magnifier.js – Javascript Library for Magnifying Glass Effect

November 11, 2013     17189     Zoom Effects
Magnifier.js – Javascript Library for Magnifying Glass Effect

Magnifier.js is a Javascript library enabling magnifying glass effect on an images.

Features:

  • Zoom in / out functionality using mouse wheel
  • Setting options via Javascript or data attributes
  • Attachment to multiple images with single call
  • Attachment of user defined functions for thumbnail entering, moving and leaving and image zooming events
  • Display loading text while the large image is loading, and switch to lens once its loaded

Read More »

How to Create a Mosaic Transition Effect using jQuery

November 10, 2013     7670     Effects
How to Create a Mosaic Transition Effect using jQuery

A tutorial about "Building a mosaic transition effect between two photos using jQuery". Tutorial includes 2 demo page with different mosaic transition effect.

Read More »