Viewing Page Background Shadow

Page Background Shadow



User: Christopher 12 years ago
Just discovered this. Any chance you could give us the degree wheel here. It defaults to 0 and I'd like to spill down the bottom I think.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
The default HTML has a "shadow" div so that when you add a shadow in the page inspector it adds an image.

To have a shadow with variable horizontal and vertical offset, blur radius, spread radius and color you can add this to the "container" div by inserting some CSS into the site wide Head Code box...

<style type="text/css">
div.container {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:3px 3px 5px 6px #ccc;
}
</style>


These are what you are adjusting from left to right ...

[1] The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
[2] The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
[3] The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
[4] The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).
[5] Shadow color

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 12 years ago
Brilliant. Thanks

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com


Post Reply
You must login or signup to post.