Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Wavy sides to web page

Any neat way to coe with that in CSS



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

10+ Year Member

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)

5+ Year Member

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


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

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

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


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

10+ Year Member

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)

10+ Year Member

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.

Featured Threads

Hot Threads This Week

Hot Threads This Month