Advertise here

Effects

Flapper – jQuery Split-Flap Number Display

August 12, 2014     1439     Effects
Flapper – jQuery Split-Flap Number Display

Flapper is a jQuery plugin that replicates the split-flap (or "Solari") displays that used to be common in train stations and airports, and your dad's alarm clock in the 70s.

To use, just attach Flapper to any input on your page. Whenever the input's change event is fired, Flapper will update the display.

Read More »

Letter Drop – jQuery Plugin for Letter Drop Effect

August 09, 2014     782     Effects
Letter Drop – jQuery Plugin for Letter Drop Effect

Letter Drop is a jQuery plugin for letter drop animation effect. The plugin takes the text string within the defined element and splits each letter out adding a random delay to each from 1.0 to 1.9 secs before dropping and rotating the letters down like rain.

Read More »

Blast.js – Blast Text Apart in JavaScript

August 08, 2014     1489     Effects Text & String
Blast.js – Blast Text Apart in JavaScript

Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.
Blast's uses include typographic animation, juxtaposition, styling, search, and analysis.

Read More »

Page Preloading Effect

August 05, 2014     3288     CSS3 & CSS Effects
Page Preloading Effect

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.

Read More »

Rollerblade.js – jQuery Plugin for Interactive 360º Image Rotator

August 04, 2014     1823     Effects
Rollerblade.js – jQuery Plugin for Interactive 360º Image Rotator

Rollerblade lets you easily create interactive 360º image rotators, and other cool image effects.

Read More »

smoothState.js – jQuery Plugin for Neat Page Transitions

July 23, 2014     3026     Scroll Effects
smoothState.js – jQuery Plugin for Neat Page Transitions

smoothState.js is a jQuery plugin that progressively enhances website page loads to behave more like a single-page application.

Read More »

Animated Tagline Switcher

July 22, 2014     2116     Effects Text & String
Animated Tagline Switcher

Animated Tagline Switcher that loop infinitely using Javascript’s setInterval function. There are 5 effects in total: Fade, Flip Vertically, Flip Horizontally, Slide and Bounce.

Read More »

Waves – Click Effect Insipired by Google Material Design

July 18, 2014     2481     Effects
Waves – Click Effect Insipired by Google Material Design

Waves is a click effect inspired by Google Material Design. This effect can be used on buttons, icons and on other elements just like divs and images.

Read More »

MAWButton.js – jQuery Plugin for Ripple Button

July 15, 2014     1409     Form Elements Effects
MAWButton.js – jQuery Plugin for Ripple Button

MAWButton.js is a ripple button inspired by Google material design.

Read More »

RippleButtons.js – Standalone Library for Ripple Effects

July 14, 2014     1150     Effects Animation
RippleButtons.js – Standalone Library for Ripple Effects

RippleButtons.js is a tiny standalone library for adding ripple animations to your website

Read More »

jQuery Smoove – Gorgeous CSS3 Scroll Effects

July 07, 2014     3349     CSS3 & CSS Scroll Effects
jQuery Smoove – Gorgeous CSS3 Scroll Effects

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

Read More »

Ultimate Fade In Slideshow

June 25, 2014     1549     Slider Gallery Effects
Ultimate Fade In Slideshow

Ultimate Fade In Slideshow is a robust, cross browser fade in slideshow script that supports manual or automatic modes, responsive dimensions, swipe to navigate, slide descriptions, and more.

Read More »

ScrollMe – jQuery Plugin for Simple Scrolling Effects

June 13, 2014     3357     Scroll Effects
ScrollMe – jQuery Plugin for Simple Scrolling Effects

ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page.

Read More »

How to Create a Tiled Background Slideshow

June 12, 2014     4652     Slider CSS3 & CSS Effects
How to Create a Tiled Background Slideshow

A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.

Read More »

Crossfade.js – Crossfading Images as You Scroll Down Page

June 11, 2014     3016     Scroll Effects
Crossfade.js – Crossfading Images as You Scroll Down Page

Crossfade.js is a tiny jQuery plugin for crossfading images as you scroll down a page.

Read More »

AdvertisementAdvertise with us!