Resources Home JavaScript Effects

User rating:


A small 2.3k JavaScript file that inserts vendor-specific CSS3 properties to their official counterparts in your stylesheets to save you the hassle and time.
User rating:

Sweet Tooltip

Sweet Tooltip is a jQuery & CSS3 based tooltip that comes in 7 different styles out of the box.
User rating:

Resizer bookmarklet

Resizer is a JavaScript bookmarklet that lets you quickly change the dimensions of a webpage to see how it holds up on various screen sizes.
User rating:

HTML5 Mouseover/ Click sound effect

This script uses HTML5's new audio element to allow you to easily add sound effects to any action on the page, such as when the user clicks or rolls over a link.
User rating:

Preloading images and executing code only after all images have loaded

See how to refine the process of preloading images to detect when all images have actually been preloaded and react accordingly.
User rating:

jQuery Content Overlay script

This script overlaps any DIV on your page perfectly with an overlay box when the mouse rolls over the former, then hides the box onmouseout.
User rating:


watermark.js is a js library for creating watermarks on images. Its purpose is to protect images by adding an identifiable mark to images that are downloaded from your site.
User rating:

Shutter Effect Portfolio with jQuery and Canvas

This tutorial shows you how to use HTML5's canvas element to create an image slideshow with a camera shutter effect.
User rating:

jQuery Reel Slideshow

A jQuery slideshow that displays images in a reel like fashion, one image at a time and in an continual manner.
User rating:

Replacing text in the DOM- it’s not that simple!

Finding and replacing strings of text in a DOM document is very tricky, especially if you’re looking to do it properly and entirely unobtrusively.

CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

Website Load Testing services

All images and content copyright © 2004-2014 CSS Drive. Contact Info | Back to Top