CSS Shadow Effect

CSS Shadow Effect:

CSS has made our life easier with what it has brought for us in the shape of shadow effects. We can add text shadow to with CSS in the following manner:

<p.class= “shadoweffect”> This text shall have black colour and shadow</p>

.shadoweffect{text-shadow:2px 2px;}

Result of above code:

.shadoweffect{text-shadow:2px 2px 4px;}

Result of above code:

Now let us try and change the colour of our text and its shadow:

.shadoweffect{text-shadow:1px 1px 4px blue;}

Result of above code: