Advertise here

Effects

Kontext – Context-Shift Transition Inspired by iOS

August 25, 2014     3710     CSS3 & CSS Effects
Kontext – Context-Shift Transition Inspired by iOS

Kontext is a context-shift transition inspired by iOS. It's created using JavaScript, CSS 3D transforms and CSS Animations.

Read More »

Chaffle – jQuery Plugin to Shuffle Randomly Character

August 24, 2014     2383     Effects Text & String
Chaffle – jQuery Plugin to Shuffle Randomly Character

Chaffle is a jquery plug-in that allows you to shuffle randomly character.

Read More »

jQuery.twinkle – jQuery Plugin to Get Users Attention

August 21, 2014     2197     CSS3 & CSS Effects
jQuery.twinkle – jQuery Plugin to Get Users Attention

jQuery.twinkle is a jQuery plugin to get the user's attention to special parts of your website with different effects and options.

Read More »

Wodry.js – jQuery Plugin for Text Flipping/Rotating

August 18, 2014     3821     Effects Text & String
Wodry.js – jQuery Plugin for Text Flipping/Rotating

Wodry.js is a simple jQuery plugin for a text flipping/rotating. Wodry.js allow you to set animation from animations collection, set your own callback on content flipping, etc.

Read More »

Rippler – Ripple Effect in Touch or Click

August 18, 2014     4780     Effects
Rippler – Ripple Effect in Touch or Click

Rippler is an effect that spreads like a wave in touch or click. You can also use the buttons on the Bootstrap.

Read More »

Flapper – jQuery Split-Flap Number Display

August 12, 2014     6177     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     1479     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     4509     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     9004     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     4113     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     6100     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     4865     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     6720     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     2622     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     2065     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 »