Image Border and Shadow

Embed code in image text:

style=”box-shadow: #888888 5px 5px 15px; border: 1px solid grey; border-radius: 5px;”


profile picture

OR
style=”box-shadow: rgba(136, 136, 136, 0.82) 2px 2px 5px; border: 1px solid rgba(128,128,128,0.62); border-radius: 5px;”

profile picture

 

Create a CSS Class

In css stylesheet, add:

.picbordershadow {
box-shadow: rgba(136, 136, 136, 0.82) 2px 2px 5px;
border: 1px solid rgba(128,128,128,0.62);
border-radius: 5px;
}

Then, add picbordershadow to Image CSS Class field in image editor screen.

Click image below to enlarge
image screenshot

Result:
profile picture


Text Shadow

Text Shadow is Cool

OR:
h2 {
font: 400 100px/1.0 ‘Just Another Hand’, Helvetica, sans-serif;
color: #969595;
text-shadow: 0px 3px 0px #5e5e5e, 0px 5px 0px #4d4d4d, 0px 7px 0px #3c3c3c, 0px 9px 0px #2b2b2b, 3px 8px 15px rgba(0,0,0,0.1), 3px 8px 5px rgba(0,0,0,0.3);
}