francky's

liquid corners playgarden

some illustrations of the method
"liquid round corners"
with adapted stylesheet

4. The Memo


 

 

Nota Bene!

Internet Explorer team:
don't forget studying css

Here the drawing-pins are the transparent "corners".

Move width of the sidebar to show the box and corners adapting on-the-fly (or change window format or screen resolution).
Scroll to see the transparency of the corner.

 

 

* NO: tables * NO: javascript * NO: serverside script *

 

HOW DONE?
1 image:  < 3 kB
1 css-file: < 1 kB
3 lines html pasted

 

CSS IS THE MAGIC!
       high hat

 

< back | next >


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS