Home

Design News:

A pure CSS Before and After image effect

This tutorial shows how to use CSS to create a "before" and "after" image effect, whereby moving the mouse over the image container peels back one image to reveal another.

Comments (0)

CSS Circle Buttons

These large, circular buttons employ CSS3 shadows to create a 3D, depressible look. Four different button colors are presented to give you a jump start in inspiration.

Comments (0)

Before and After image script

Lets you view an "after" version of any image as an overlay of the original one in dramatic fashion.

Comments (0)

CSS3 oval switch checkboxes

Slick looking, oval shaped checkbox replacement switches using CSS3.

Comments (0)

Blur Image effect

This Blur Image script lets you easily blur an image by varying intensities using HTML5 canvas.

Comments (0)

Grayscale Image Gallery

Using CSS3 filters, this image gallery creates thumbnails that are initially rendered in grayscale until the image is enlarged.

Comments (0)

Clock Icon Designs

An inspiring roundup of creative clock icon designs to get those creative juises flowing, compiled by Nick from Arimanius.com

Comments (0)

Parallax Slider

Parallax scrolling comes to a slider with this jQuery content slider script.

Comments (0)

Creating a basic parallax scrolling effect using CSS and JavaScript

This tutorial unmasks the mystic surrounding parallax scrolling by creating a simple one from scratch.

Comments (0)

Fixing a parallax scrolling website to run in 60 FPS

Tips on how to efficiently implement the popular parallax effect on your web site.

Comments (0)

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

This tool generates for you the necessary .htaccess code to ban visitors based on their IP address, block traffic originating from certain domains, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Use this tool to generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.


NewsUser
Privileges

Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

Hosting Coupon Code

Hostgator Hosting at $3.96/mon. Use CSS Drive exclusive coupon code "cssdrive25" for an additional 25% off

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