123ArticleOnline Logo
Welcome to 123ArticleOnline.com!

ALL >> Web-Design >> View Article

How To Implement Text-shadow In Css?

By Author: Ragam Sateesh
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:

CSS:
p{
text-shadow:1px 2px 1px blue;
}

Explanation:
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:

Css:
p{
text-shadow:1px 2px 1px blue,
2px 2px 3px #fff;

}


You can also apply multilple text shadows separating by comma.

Total Views: 68Word Count: 303See All articles From Author

Web Design Articles

1. Android App Development Company In Indore
Author: Nikhil Bhandari

2. Time To Redesign Your Website
Author: Hvantage Technologies

3. Ux / Ui Design Company In Chennai - Wings.design
Author: wingsdesign

4. Top 5 Wordpress Plugins To Boost Your Sales And Leads
Author: john hob

5. Benefits Of A Responsive Website Design
Author: Mars web

6. Hire Professionals To Develop Your Website
Author: steve robert

7. Skills Required To Be Proficient Website Designers
Author: Snehal Desai

8. What To Choose First For Business:mobile App Or Website?
Author: Hvantage Technologies

9. Custom Designed Websites & The Benefits Are Simple Endless
Author: David Halpin

10. Learn Important Steps To Create A Website For Multi-lingual Audiences
Author: Hemant Jadhav

11. Analysis Of New Changes In Google Search Console By Best Seo Company In Udaipur
Author: raj singh

12. Required Knowledge For Ui Designing And Ui Advancement
Author: Infocampus logics Pvt Ltd

13. Web Design Company For Ecommerce
Author: Mars Web

14. 20 Website Design Requirements
Author: Lake mary

15. 3 Devices Each Ui Designer Ought To Utilize
Author: Infocampus logics Pvt Ltd

Login To Account
Login Email:
Password:
Forgot Password?
New User?
Sign Up Newsletter
Email Address: