Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Slight page curl effect

Status
Not open for further replies.

tyutghf

Technical User
Apr 12, 2008
258
GB
Hi

I am trying to create a slight page curl effect, just like the attached. It is the white layer I want to achieve with the lines emphasising the curl.

I'm almost there

Code:

but the right hand side is missing the effect, and the bottom is curved when it should be straight.

Can anyone help?
 
 http://files.engineering.com/getfile.aspx?folder=48f3b474-9156-4bc6-8c49-70d71aac8efc&file=slight-page-curl.png
Can't debug a picture.



Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.

Never mind this jesus character, stars had to die for me to live.
 
Hmmm, pasted code didn't work

Code:
border-bottom-left-radius: 100%40px;border-bottom-right-radius: 100%10px;border-top-left-radius: 100%10px; }
 
And that is applied to what element, of what size, using what colours, etc. etc. etc.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.

Never mind this jesus character, stars had to die for me to live.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top