Welcome to WebmasterWorld Guest from 54.205.119.93

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