homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Wavy sides to web page
Any neat way to coe with that in CSS

 4:42 pm on Feb 1, 2010 (gmt 0)

I have been asked to produce a web page with the appearance of having a wavy edge - rather like a low-amplitude sine wave. I could just use images and design for specific font size - but that would get broken if the page visitor wants to use a larger font size.

Is there a neat way to get round this using CSS?



 4:56 pm on Feb 1, 2010 (gmt 0)

More details? I am not sure what you're getting at...


 4:57 pm on Feb 1, 2010 (gmt 0)

Can't you just do it with a repeating background image?


 5:00 pm on Feb 1, 2010 (gmt 0)

The best description I can give is the page having the appearance of a banner or flag blown by a gentle breeze. The sides are no longer vertical, they have a wavy edge. That's what I have been asked to do.


 5:04 pm on Feb 1, 2010 (gmt 0)

BeeDeeDubbleU, Actually, that may be the best solution. However, the graphics designer as drawn the edge with a varying thickness, marrying up to a horizontal bar at the bottom. He has also got a small section of the page where the left-hand margin is parallel to the the wavy side.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved