Advertise here

Effects

jQuery Cycle Plugin

February 22, 2013     1417     Slider Effects
jQuery Cycle Plugin

jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. Cycle Plugin provides many options for customizing your slideshow.

It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

Read More »

jQuery Waterwheel Carousel

February 13, 2013     15064     Slider Carousel Effects
jQuery Waterwheel Carousel

jQuery Waterwheel Carousel plugin can display images with a cascading "waterwheel" effect. It can be positioned either horizontally or vertically, and it's appearance can be dramatically altered.

The callback functions can be used to programatically trigger Lightbox-type effects, or load specific content into another region of the website, such as an image description.

Read More »

Instagram-like Filters with jQuery

February 11, 2013     5902     Effects
Instagram-like Filters with jQuery

In this tutorial you will learn how to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. 

Read More »

Blog Face – jQuery Plugin for Brick-Wall Look Sites

January 05, 2013     1639     Effects
Blog Face – jQuery Plugin for Brick-Wall Look Sites

Blog Face is a new jQuery plugin that will build a brick-wall view for your blog home page. All you need to do is specify your blog URL in your javascript. More recent articles will be better positioned and will have a better size.

Additionally, every article on the interface will have a zoom on mouse hover effect. This zoom effect can be toggled at run time by pressing "b".

Read More »

bounceThis – Animations of Bouncing Headers jQuery Plugin

January 01, 2013     2563     CSS3 & CSS Effects
bounceThis – Animations of Bouncing Headers jQuery Plugin

Slick animated drop-down headers that gracefully drop into the page is usually done via some CSS3 keyframes code, but here’s the jQuery version.
bounceThis plugin, the cross-browser compatible, super slick and sharp bouncing headers CSS3 keyframes alternative. 

Read More »

Maskify Slider – Slider with Image Mask Effect

December 27, 2012     2997     Slider Effects
Maskify Slider – Slider with Image Mask Effect

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask.

The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it's only one masked image.

Read More »

jQuery Wiggle Plugin

December 26, 2012     1232     Effects
jQuery Wiggle Plugin

jQuery Wiggle is a jQuery plugin that allows you to emulate the wiggle effect icons on an iPhone have when you press and hold down on them. 

Read More »

Live Album Previews with CSS3 and jQuery

December 22, 2012     1927     Slider CSS3 & CSS Effects
Live Album Previews with CSS3 and jQuery

Here you will make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Read More »

Image Color Up jQuery Plugin

December 18, 2012     9762     Effects
Image Color Up jQuery Plugin

Image Color-Up is a jQuery plugin to add effects on mouse hover to your images: monochrome/greyscale, sepia, negative, darken or lighten images.

Read More »

jQuery Sliding Hover Animated Menu

December 12, 2012     5242     Menu Effects
jQuery Sliding Hover Animated Menu

Here you ll be building a cool Animated navigation list complete with a sliding hover effect.

We’ll build the design to work without jQuery first of all to ensure it’s widely accessible to users without Javascript enabled, then enhance the effect with jQuery for the majority of users.

Read More »

Fullscreen Pageflip Layout Using BookBlock Plugin

December 11, 2012     10331     Effects Animation Grid & Layout
Fullscreen Pageflip Layout Using BookBlock Plugin

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Read More »

Destaque – Slideshow Plugin with Parallax Effect

December 05, 2012     7394     Slider Effects
Destaque – Slideshow Plugin with Parallax Effect

Destaque is a simple slideshow plugin with built-in parallax effect.

Read More »

Simple Effects for Drop-Down Lists

November 30, 2012     7948     CSS3 & CSS Form Elements Effects
Simple Effects for Drop-Down Lists

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

The idea is to transform a normal select input into something more appealing with a jQuery plugin. The expanding of the options will happen with a transition and parameters can be configured in a way to achieve unique effects.

Read More »

Adaptive Thumbnail Pile Effect with Automatic Grouping

November 21, 2012     2180     CSS3 & CSS Effects
Adaptive Thumbnail Pile Effect with Automatic Grouping

This experimental jQuery plugin allows the automatic grouping of thumbnails using a pile effect. The thumbnails will group according to their shared data-pile attribute and once clicked, the pile will disperse and its thumbnails fly to their positions. The thumbnails can be slightly rotated or positioned with a delay.

Read More »

Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

November 14, 2012     2697     CSS3 & CSS Effects
Baraja – jQuery Plugin for Spreading Items in a Card-Like Fashion

Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items.

There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way. 

Read More »

AdvertisementAdvertise with us!