francky's

liquid corners playgarden

some illustrations of the method
"liquid round corners"

Index Themes / Examples

  1. The Basic Round
  2. The Hollow Side
  3. The Announcer
  4. The Memo
  5. The Label
  6. The Toolbox
    (auto adapting image)
  7. The Simple Stars
    (5 variants)
  8. The Painting Around
    (2 variants)
  9. The Image Inside
    (+ IE-problem + workarounds)
  10. The gradient border

 

More?

More corner / border examples can be found in the index on the home page.

'Users Manual'

For seeing this playgarden in the easiest way:

  1. First: please turn on your sidebar (history or favorites / bookmarks), then go on.
  2. Each example: move width of the sidebar to show the box and corners adapting on-the-fly.
  3. Each example: move scrollbar up & down to see the transparency of the corners against the background.

Changing font-size or resolution is also permitted.
For all details: see source code of the examples.

screenshot

Ehm, yes, the candy background and other rather extravagant backgrounds aren't for hallucinating, but for good seeing the effect of the transparency.


< back to article


let's  have a try


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS

nederlands * dutch