Advertise here

Effects

jQuery.BgSwitcher – Switch Background Image with Effects

July 29, 2013     10938     Slider Effects
jQuery.BgSwitcher – Switch Background Image with Effects

jQuery.BgSwitcher is a jQuery plugin to switch the background image with effects. Here are effect types that can be used: fade,blind,clip,slide,drop,hide (No effect)

Read More »

Text Effects – Sci-Fi Style Effect with jQuery

July 23, 2013     7607     Effects Text & String
Text Effects –  Sci-Fi Style Effect with jQuery

Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.

Read More »

On Scroll Effect Layout

July 22, 2013     10534     Scroll Effects
On Scroll Effect Layout

An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.

There is an example effect defined and also some media queries for dealing with smaller screens.

Read More »

On Scroll Header Effects

July 18, 2013     9414     Scroll Effects Animation
On Scroll Header Effects

Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.

Read More »

elementTransitions.js – Many Transition Effects for Web Pages

July 11, 2013     5810     CSS3 & CSS Effects
elementTransitions.js – Many Transition Effects for Web Pages

elementTransitions.jsis a wrapper around the code provided by codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

Read More »

Offreg – Turning Images Into Offset Screenprints

July 09, 2013     1218     CSS3 & CSS Effects
Offreg – Turning Images Into Offset Screenprints

Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.

Read More »

qTip2 – Pretty Powerful Tooltips

July 08, 2013     8356     Ajax Tooltip Effects
qTip2 – Pretty Powerful Tooltips

qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework.

qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!


Features
  • Speech bubble tips
  • Integrated AJAX
  • Viewport repositioning
  • z-index stacking
  • Modal tooltips
  • Imagemap & SVG support
  • IE6 support (BGIframe) …and lots more!

Read More »

Vague.js – jQuery Plugin to Blur Any Kind of Html Element

July 08, 2013     21148     CSS3 & CSS Effects
Vague.js – jQuery Plugin to Blur Any Kind of Html Element

Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.

Read More »

Tabulous.js – jQuery Tabs Module

July 04, 2013     4250     Tabs Effects
Tabulous.js – jQuery Tabs Module

Tabulous.js is a jQuery plugin that provides an easy method of creating tabbed interfaces. As long as the specified HTML structure is followed, the tabulous plugin will take care of creating the tabbed functionality.

Read More »

Jumble – jQuery Plugin for Jumble Up the Colours of Texts

June 27, 2013     5188     Effects Animation Text & String
Jumble – jQuery Plugin for Jumble Up the Colours of Texts

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)

Read More »

flipGallery – jQuery Powered Animated Photo Gallery

June 12, 2013     10679     Gallery Effects
flipGallery – jQuery Powered Animated Photo Gallery

flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.

Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

Read More »

Horizontal Portfolio Layout with CSS3 Animations and jQuery

June 10, 2013     6928     CSS3 & CSS Effects
Horizontal Portfolio Layout with CSS3 Animations and jQuery

In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.

Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.

Read More »

aMenu – Animated jQuery Menu

June 02, 2013     4307     Menu Effects
aMenu – Animated jQuery Menu

aMenu is a animated jQuery Menu plugin with show, fade, slide, wind effects. Also you can choose effect speed.

Read More »

Smooth Diagonal Fade Gallery with CSS3 Transitions

June 01, 2013     5031     Gallery CSS3 & CSS Effects
Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial you are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. 

CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.

Read More »

FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

May 27, 2013     14340     CSS3 & CSS Date & Time Effects
FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

Features

  • Use as a clock
  • Use as a timer
  • Use as a countdown
  • Themeable using pure CSS
  • Clean & Dry Syntax
  • Abstract everything into reusable objects
  • Full-Featured Developer API to create custom “Clock Faces”

Read More »

AdvertisementAdvertise with us!