Making shadow rotate using CSS3

Before I make a shadow using image and put in the website, but now in this tutorial I going to make a shadow box using CSS3 rotate under the box as you see the image above.

Read more ...

Resources for create tooltips using jquery and CSS

Tooltips are awesome, there’s simply no denying it. They provide a simple, predictable and straightforward way to provide your users with useful, context-sensitive information, and they look cool to boot. According wikipedia, tooltip or infotip or a hint is a common graphical user interface element. It is used in conjunction with a cursor, usually a pointer. The user hovers the pointer over an item, without clicking it, and a tooltip may appear—a small “hover box” with information about the item being hovered over. Tooltip is very useful, as explanatory of a link, an image or a specific word in a website.

Read more ...

CSS folded-corner effect

Create a simple CSS folded-corner effect without images or extra markup. It works well in all modern browsers and is best suited to designs with simple colour backgrounds.
By Nicolas Gallagher you can follow him on twitter. 

Read more ...