francky's

liquid corners playgarden

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

2. The hollow side

 

 

Outside coming in!

sharp edges: be careful

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 corners


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

HOW DONE?
1 image: < .5kB
1 css-file: < 1 kB
3 lines html pasted
small style block in the <head> for adapting


CSS IS THE MAGIC !
       high hat


< back | next >


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS