First lets clear up what is a HTTP request. Every time a web browser downloads/fetches a file from the web a new request is made to the server. It can either be an image, a page, CSS or Javascript file etc. This means that for every file the browser has to send a request to the server and the server sends a response in return.

Initially I wanted to wait until next year to launch these improvements but I just couldn’t wait that long. It’s like waiting to open that big christmas present under the tree – you know, the biggest present with your name on it…

When it comes to my own websites I’m never completely satisfied with the end result. I always find things that need improving or modifying. So in addition to my previous changes I’ve made a number of new improvements to increase this blogs speed and user friendliness.

After learning about transparency and making round corners with CSS3 this article will be about using shadows. Shadows can be assigned to boxes or texts and we’ll cover them both.

Previously we’ve learned how to make rounded corners and add multiple background images to a single element with the power of CSS3.

Transparency With CSS3

With CSS3 the ability to create transparent elements has been made very easy.

Previously we’ve learned the new features of CSS3 and how to make rounded corners with a few simple lines of CSS code. Today I’d like to show another powerful feature – adding multiple background images to an element.

Before it could only be done by adding separate elements and dividing the images between them or using Javascript for it. Either way it wasn’t a pretty way of doing it.

With CSS3 you can define several background images in a single line seperated by a comma. So no more Javascript or messing around with separate elements.

The code

1
2
3

p {
    background: url('left.png') left repeat-y, url('top.png') top right no-repeat;
}

This way you can add several background images to any element you want. Now isn’t that easy?!

This is the first article from a series of tips and techniques for web development with CSS3.