Advertise here

Effects

Animated Transition Effects with CSS and jQuery

May 11, 2016     3005     CSS3 & CSS Effects Animation
Animated Transition Effects with CSS and jQuery

A library of animated transition effects, powered by CSS Animations and jQuery.

Read More »

Animated Heat Distortion Effects with WebGL

May 10, 2016     3526     Effects
Animated Heat Distortion Effects with WebGL

A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.

Read More »

Multi-Layered Parallax Illustration with CSS and Javascript

April 07, 2016     4747     Scroll Effects
Multi-Layered Parallax Illustration with CSS and Javascript

A tutorial about how to create a simple multi-layered illustration with depth that transitions into the content in a unique way.

Read More »

Ink Transition Effect with CSS and jQuery

March 22, 2016     3277     CSS3 & CSS Effects
Ink Transition Effect with CSS and jQuery

A tutorial about creating an ink bleed transition effect, powered by CSS animations and jQuery

Read More »

normalmap.js – Interactive Lighting Effects with jQuery

March 16, 2016     1788     Effects
normalmap.js – Interactive Lighting Effects with jQuery

normalmap.js is a library for creating simple interactive lighting effects using normal maps.

Read More »

Elastic Circle Slideshow

January 28, 2016     3412     Slider Effects Animation
Elastic Circle Slideshow

Elastic Circle Slideshow is a very simple content slideshow with circular slides and an elastic, bouncy navigation effect.

Read More »

pageSwitch – Javascript Library to Create Page Switch Effects

January 22, 2016     3564     Effects Animation
pageSwitch – Javascript Library to Create Page Switch Effects

pageSwitch is a javascript library to create page switch effects. It supports 121 switching animations.

Read More »

Material Photo Gallery

January 11, 2016     4260     Gallery Effects
Material Photo Gallery

Material Photo Gallery is a javascript photo gallery plugin inspired by Google Photos.

There are three main processess that take place in this plugin. The first is detecting when the images are loaded, the second is the layout of the images, and the third is the animation of the images.

Read More »

jR3DCarousel – jQuery 3D Responsive Carousel

December 13, 2015     3507     Carousel Effects
jR3DCarousel –  jQuery 3D Responsive Carousel

jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

Read More »

Material Design Hierarchical Display

November 26, 2015     1500     Effects
Material Design Hierarchical Display

A jQuery plugin to create Material Design hierarchical display animation effect.

Read More »

StackBlur.js –Fast and Almost Gaussian Blur

November 17, 2015     3181     Effects
StackBlur.js –Fast and Almost Gaussian Blur

StackBlur.js is a fast, almost Gaussian blur for canvas. It's based on implementation of StackBlur algorithm.

Read More »

Rain & Water Effect Experiments

November 04, 2015     6704     Effects
Rain & Water Effect Experiments

Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.

Read More »

Effect Ideas for Card Stacks

November 01, 2015     2851     Effects
Effect Ideas for Card Stacks

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

Read More »

jQuery Shakker – jQuery Plugin for Image Shakking

October 13, 2015     1762     Effects
jQuery Shakker – jQuery Plugin for Image Shakking

jQuery Shakker is a jQuery plugin to give any image a shakky effect. It's pretty easy to use.

Read More »

How To Create Simple Image Slideshow

September 30, 2015     4061     Slider Effects
How To Create Simple Image Slideshow

In this tutorial you’ll learn how to create a simple image slider using GreenSock’s TweenLite and TimelineLite with cool tilt effect.

Read More »