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. Website Design And Development Company
2. Design Mistakes That Can Ruin Your Website
Author: Vincent Bryan
3. Is There Any Innovation In Seo?
Author: tysas . PVT.LTD
4. Digital Graphic Designing Are Closely Linked While The Latter Is In Growing Demand
Author: Purav Jain
5. Digital Marketing, The Need Of The Hou
Author: SHIVANTA IT SOLUTIONS
6. Build Your Dream With Us!!
7. Top 10 Design Strategy For Website In 2018
Author: Mahesh Jagdale
8. Tips To Create And Optimize Xml Sitemaps
Author: Web Click India
9. Dynamic Web Design Services Starts Just At $8 Per Month
Author: Martina Henderson
10. A Freelancer Can Give You A Way To Earn More
Author: steve robert
11. Why Should You Adopt Angular Js For Your Next Project
12. How To Build An Ecommerce Website From Scratch
Author: Shoeb Mannur
13. Web Expert Technology Leading Web Development Company In Delhi
Author: Web Expert Technology
14. Android Application Development Services
15. Key Factors To Improve User Experience Of Your Digital Product
Author: Purav Jain