using multiple text shadow

sometimes you want to use more than one text shadow, like if you want one with 2px on the bottom left and then one with 2px on the top right, so you can get a full outline or a more even shadow on your text as the following example shows

HTML

<h1 class='text-shadow-multi'>I have more than one shadow!</h1>

CSS

.text-shadow-multi {
  text-shadow:2px 2px 2px rgba(0,0,0,0.5), -2px 2px 2px rgba(0,0,0,0.5);
}

I have more than one shadow!

Other Items in css

No Items Found.

Add Comment
Type in a Nick Name here
 
Page Views

This page has been viewed 163 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

âĪðŸ‘Đ‍ðŸ’ŧðŸ•đ

Random Quote
Don't look to be the next Facebook, try to solve a real problem instead.
Unknown