0

Hello,

Please take a look at the attached picture. There is a shadow like this at the bottom of every page of a design that I am looking at. Could someone kindly tell me how create this effect? Thanks in advance.

Edited by ryy705: n/a

Attachments pageCorner.png 7.26 KB
3
Contributors
3
Replies
4
Views
7 Years
Discussion Span
Last Post by ryy705
0

It's a background image? Look at the page in Inspect Element mode (Chrome or FF) and see the underlying CSS. You'll probably see a background image there somewhere.

0

I would position my container relative, then add another class within it called "shadow" and do the following

.shadow {
position:absolute;
background: url() no-repeat; /* your image sliced from where the white background ends */
left:0;
bottom: -10px; /* the size of the image */
width: 200px /*size of the image */
height: 20px /* the height of the image */
}

Edited by macneato: n/a

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.