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 Centered Layout

Use this method to make centered (vertically, horizontally) webpages with hiding content for other (smaller) resolutions.First include the style sheet at the top of your code. Do it in tag, then you can write your code. ...

CSS vertical align

In HTML the tag has an attribute named "valign" which can align content vertically. CSS does not have such an attribute, so you need to do some magic to achieve such a result. Using this method you will be able to align an element vertically in any height container.  ...

CSS clearfix

The problem happens when a floated element is within a container box, that element does not automatically force the container's height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. You can use 2 methods to ...

CSS Drop Shadow

Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn't. IT uses plain simple CSS. First include the style sheet at the top of your code. Do it in tag, then you can write ...

Typogridphy

Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and ...

CSS Bubble Tooltips

CSS Bubble Tooltips alllows you to avoid cross-browser javascript to make tooltips with less code. The code is very easy to implement and customize.The scripts are compatible with all modern web browsers. ...

Blueprint

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing. Features:- An easily customizable grid - Sensible typography - Relative ...

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 ...

Simple Tabs

Simple Tabs script helps you to implement a tabbed CSS menu into your website navigation system.These semantic navigational tabs use the least possible markup and CSS, and are in a word: simple. No frills here, just a two tiny images, (and masthead image), and the rest is done with colors and ...

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 ...