
- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
CSS Text Shadow
CSS3 added shadow effects to text, with the text-shadow property. You can try to implement the following code to add text shadow −
Example
<html> <head> <style> h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; text-shadow: 2px 2px 4px #000000; } h5 { text-shadow: 0 0 3px #FF0000; } h6 { text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF; } p { color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; } </style> </head> <body> <h1>Welcome to my website!</h1> <h2>Welcome to my website!</h2> <h3>Welcome to my website!</h3> <h4>Welcome to my website!</h4> <h5>Welcome to my website!</h5> <h6>Welcome to my website!</h6> <p>Welcome to my website!</p> </body> </html>
Output
- Related Questions & Answers
- Animate CSS text-shadow property
- Set the text shadow around a text with CSS
- Usage of text-shadow property in CSS
- Add shadow effects to text with CSS
- Set the shadow around the text in CSS
- Create white text with black shadow using CSS
- CSS Box Shadow
- CSS Shadow Effect
- Add more than one shadow to a text with CSS
- Shadow Filter with CSS
- Animate box-shadow CSS property
- How to add shadow on text swift?
- Create an attenuated shadow with CSS
- Set Drop Shadow Effect with CSS
- Add shadow to elements with CSS
Advertisements