Category Archives for Master in CSS

CSS star rating

Five star rating without javascript and only using CSS, it also has the feature of cross-browser compatibility. We need just a single image with few CSS properties. We can embed this CSS star rating with any server side scripting language in easy manner.

 
The magic in the CSS star rating is , using a single image . Yes , we can create star rating with all the features and also with single image. It’s purely CSS magic. The below is the CSS magic.

 

.star-rating li.current-rating{

background: url(star_rating.gif) left bottom;

position: absolute;

height: 30px;

display: block;

text-indent: -9000px;

z-index: 1;

}

 

To download the script click here

Thanks rogie