CSS3 Text Shadow Effect

The CSS text-shadow property is useful for adding shadow like effect to the text within a webpage. This property accepts a bunch of comma separated values.

Value 1 = Horizontal shadow position (Required)

Value 2 = Vertical shadow position (Required)

Value 3 = Blur radius. (Optional)

Value 4 = Colour of shadow. (Optional)

Basic text shadow effect,

p {
	text-shadow: 2px 2px 2px #FF6600;
}

Multiple text shadow effect,

p {
	text-shadow: 2px 2px 2px #FF6600, 5px 5px 5px #000000;
}

Click Here for demo.

Useful read: Querying Soft Deletes in Laravel

Leave a Comment.