If someone asks you to create a graphic on a webpage using four triangles in a Square, how would you suggest he/she goes about it? Use JavaScript or Images?

I recently picked up a nice CSS trick from Paul (CSS guru) who told me how to achieve the… Continue reading →

CSS Pseudo Elements are useful for adding special effects to selectors, which would be difficult to achieve if we were to use real markup. For eg: styling of the first letter or first line of a paragraph. In a previous article, I had introduced the CSS… Continue reading →

CSS Pseudo Elements are useful for adding special effects to selectors, which would be difficult to achieve if we were to use real markup. For eg: styling of the first letter or first line of a paragraph. In a previous article, I had introduced the CSS… Continue reading →

You can drop shadows to text using the text-shadow property which was re-introduced in CSS3. The syntax goes as:
.divOne { text-shadow: 3px 4px #666; }
which adds a drop shadow hex code #666 3px to the right and 4px down from the original text. However… Continue reading →

You can drop shadows to text using the text-shadow property which was re-introduced in CSS3. The syntax goes as:
.divOne { text-shadow: 3px 4px #666; }
which adds a drop shadow hex code #666 3px to the right and 4px down from the original text. However… Continue reading →

When it comes to rotating, tilting or scaling text, you would normally rely on JavaScript or images laid on top of each other, to give that effect. However with the CSS3 transformation functions, you can do all of this without any JavaScript code. Alth… Continue reading →