Shadows

box-shadow and text-shadow example

by Sanjay

HTML

<div> Box shadow !
</div>

CSS

* {
    box-sizing: border-box;
}
div {
    width: 100px;
    height: 100px;
    background: yellow;
    text-align: center;
    line-height: 100px;
    box-shadow: 2px 2px 0px 1px red inset, 2px 2px 0 1px green, 4px 4px 0 1px red, 6px 6px 0 1px blue;
    text-shadow: 3px 1px 3px red, 4px 4px 2px gray;
}