Advertise here

Effects

Parallax ImageScroll jQuery Plugin

January 18, 2014     11725     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     8208     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     6600     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     9508     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     9938     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     8119     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     18580     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     3536     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     9097     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     4298     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     17095     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     7524     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 »

jQuery Fadeloader – Simple jQuery Preloader Plugin

November 05, 2013     5569     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 »

Medium-Style Page Transition

October 30, 2013     5933     CSS3 & CSS Effects
Medium-Style Page Transition

An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.

Read More »

slidr.js – JavaScript Library for Slide Effects

October 27, 2013     12176     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 »