Top Download

Free scripts download - CSS scripts

free download Add to Favorites RSS

LATEST free CSS script downloads

One More Way

This is a simple image gallery script in HTML that displays your images using a CSS hoover effect.  ...

Css Only Tab Menu

This script is a simple tabbed menu with rollover and active states using NO javascript. It is completely css based using 2 images for "off" and "on" states. To keep this menu as simple as possible, it uses FIXED with images and therefore cannot adjust to the tab texts. The menu itself is ...

Flashy Links

Flashy Links script allows you to add animation effects to your links. Flashy Links takes some of the effects of Flash — put in a GIF animation — and combines them with CSS for better accessibility.This technique, while certainly not completely perfect and cross-browser stable due to caching and rendering differences, ...

List Boxes

Using a simple unordered list this experiment aligns the boxes across the page with the end result being to showcase items like services, products, or specials. Another interesting feature of this script — if you turn off styles — is the extractable semantics with the headings and paragraphs used. When using these ...

Image Replacement

Using this script you can offer users a simple and reliable masthead image with alt text while still offering cool hover/focus effects. This method also preloads the secondary image allowing an instantaneous transition between states. This script is suitable for branding images or logos. The script can be easily customized for your ...

Text Shadows

Text Shadows script allows you to create text drop-shadows using CSS.Due to browser compatibility and CSS3 support issues, offering resizable, elastic text drop shadows with CSS positioned text seems to be the only solution, but the text can be replicated unnecessarily.This script provides you a reliable solution without the need of ...

Map Pop

An image map can be very useful but normally employs JavaScript. This script uses a single unordered list and a pair of spans to create such a map, with CSS pop-ups providing more information about the mapped hot-spots.The pop-ups can contain anything that can be included in a single link within a ...

Double Lists

Double Lists script uses some simple mark-up and a small amount of CSS to cleverly create a single, semantically proper, unordered list appearing in two columns. This is normally done with a table structure which really falls short if the items should be listed. Additional columns could be added to this, ...

CSS Photo Showcase

This script uses CSS and basic markup to create a simple way to display photo thumbnails on your site while offering convenient fast zoom viewing, even for dialup users. No magic needed (though magic could be added, but that’s for another day). By clicking on the thumbnails you will get a full image size view. ...

Cross Browser Multi Page Photograph Gallery

Cross Browser Multi-Page Photograph Gallery is based on the look of Suckerfish HoverLightbox. It uses a multi-page layout system.If a visitor just hovers over the tabs then a page of images will be displayed. When hovers over each image, he will see a 2x image and finally, by clicking the image ...

Photograph Gallery

Photograph Gallery is a photo album made only with CSS code. This gallery has a simple functioning mechanism: hover over thumbnail images to give a full size view of each photograph. With all but Opera you can also click the thumbnails to retain the image on the screen. Text can be added ...

CSS Image Drop Shadows

This script shows how to add a drop shadow to any container element using CSS and the help of a large shadow image in the background. Virtually identical to the technique used to create a plain CSS shadow, the desired content is wrapped in a DIV with its background image set to ...

Curly Corner Container

There are countless techniques on the web for adding curly/ round corners to DIV containers. This script shows one way to add a curly lower right corner to any DIV on your page. It does so by using relative positioning to slightly offset a DIV to the right and bottom, so ...

Arrow Comment Box

Using a simple "arrow" image, this CSS code transforms a regular DIV into a fancy box with sub text appearing beneath it. It's a nice interface to use for your blog's comment boxes, for example. The code is compatible with all modern web browsers and is very easy to customize too. ...

CSS Gradient Shadow

This script shows a CSS and JavaScript technique that lets you add a shadow to most elements on your page with a customizable shadow depth and coloring. Just give the element in question a class name of "shadow" to activate the effect. The script is very easy to implement and customize. ...

CSS Popup Image Viewer

Enable arbitrary links or image thumbnails to pop up an enlarged (different) image onMouseover by using this CSS code. With the help of CSS's ":hover" pseudo class, combined with relative and absolute positioning, the enlarged images are simply included on the page as normal HTML, "popping" up on demand. CSS is ...

DD Blue Blocks Menu

This code creates a block looking vertical menu, inspired by the original Blue Blocks menu and based on the CSS used by the vertical menu of the site CSS Drive. It supports the insertion of menu headers to act as dividers between groups of menu links. The script is very easy to customize to ...

Underline Horizontal Menu

This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link. Each link also carries a background image, used to as the indented line graphic that separates each menu item. We choose to use a graphic instead of CSS's dashed line effect, ...

Sliding Doors Tabs Menu

This is a two state rollover tabs menu based on the popular sliding doors technique. It uses two images only, a right and left tab, with each image shifting up and down as the mouse moves over a tab. This ensures a flicker free experience in IE, though it also means ...

Shade Image Tabs Menu

This is an attractive "blue shading" image tab menu. The shade effect is created using two gradient background images, one for the overall tabs, and the other, for the currently "active" tab. Based partially on the Basic Tabs menu, Shade Image Tabs Menu supports three commonly requested features: - Ability to ...