ALL >> Web-Design >> View Article
How To Implement Text-shadow In Css?
Total Articles: 1
There are multiple effects in CSS which can look very cool for a website. One of the property which stands out from the rest is "Text Shadow". In this article, we will explain how we can acheive text shadow effect to the elements in HTML through CSS. There are two ways to acheive text shadow effect.
1.Single text shadow:
text-shadow:1px 2px 1px blue;
The following would explain how to use single text shadow effect to the elements.
First value in the property is X-coordinate: 1px
Second value in the property is Y-coordinate: 2px
Third value in the property is Blur radius: 1x
Last value is text color of the shadow: blue.
First and second values are required.These two values specify the text shadow distance.X-coordinate specifies the horizontal distance.Y-coordinate specifies the vertical distance.If both the values are none or 0,shadow is placed directly behind the text, no change in the text.
Third value is blur radius,it is optional.if we give higher value,bigger blur and shadow text becomes wider and lighter. If not specifies any value it defaults to o.
fourth value is color of the shadow.
2.Mutliple text shadow:
text-shadow:1px 2px 1px blue,
2px 2px 3px #fff;
You can also apply multilple text shadows separating by comma.
Web Design Articles1. Find Best Mobile App Marketing Packages To Improve The Reach Of Your Business Apps To The Customers
2. Why Do I Need A Site For My Small Company?
3. The Advantages Of Hiring An Excellent Web Design Company
4. What Are Advantages Of Hiring A Website Design Company?
5. Top Benefits Of Using A Web Development Company Compared To Diy
6. The Advantages Of Using Professional Web Site Design Companies
7. Guidelines To Choosing A Web Site Design Company
8. How To Pick A Web Site Design Company
9. Top Tips For Choosing The Best Web Design Agency
10. Best Php Application Development Company | Php Application Development Services
Author: SSS Solutions
11. Latest Trends |web Designers Cannot Ignore In |2018
12. 4 Ways Helping Seo Companies Boost Business Growth
Author: Code Diffusion
13. Five Vital Tips To Consider When Purchasing A Clone Script
Author: Tom Clark
14. Why Does Your Business Need A Web Designing Services?
Author: Webzesty India
15. Tips For Integrating Payment Gateway In Mobile Application