Show Play Icon on Mouse over Thumbnail using CSS
I decided to share a simple trick on how to display a "Play" image when mouse is hovered over a video Thumbnail using only CSS. (Sites like Metacafe and similar ones have this feature). Its very easy to implement.
At first, lets declare a simple CSS class for a thumbnail inside an anchor Tag.
Displaying Star Rating using CSS Sprites
Recently, I have been working on an Application which involved rating system. There are 2 cases where we would want to show the ratings of a content to the viewer. On 1st case, we would just want to display the list of contents (videos, blogs etc.) with its rating (just displayed) to the viewer. On another case, we would show the rating and also allow viewer to interact and rate the content. There are already several blogs relating to 2nd case (CSS Star Rating), so, I will only discuss the 1st case.
Useful Simple CSS Cross Browser Tricks: !important
The CSS !important keyword is a useful keyword for Old browsers (IE-6, IE 5.5) as well as new browsers.
For new browsers, it can be used to override all other values, for example:
