HTML 
CSS 
PHP 
JavaScript 
SQL 
Bootstrap 
Solidity 
jQuery 
Git 
Chrome DevTools 
C++ 
Python Contents
Adding text shadows in CSS
By using the CSS text-shadow property, you can add a customized shadow to a text:
Example
h1 {
text-shadow: 3px 3px #42bff4;
}
/* Gives a shadow for h1 header */By combining multiple selectors, you can add the same type of shadow to multiple elements:
CSS text-shadow property syntax
To add a CSS font shadow, you need to define from two to four values:
text-shadow: h-shadow v-shadow blur-radius color;
In the example below, you can see all four values defined. All of them will be explained in detail in the following section:
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Available values
| Value | Description | |
|---|---|---|
| h-shadow | Required | The horizontal CSS text shadow position |
| v-shadow | Required | The vertical CSS text shadow position |
| blur-radius | Optional | The radius of the blur (0 by default) |
| color | Optional | The color of the text shadow |
Notice that vertical and horizontal values can be negative:
Browser support
Chrome
2+
Edge
12+
Firefox
3.5+
IE
10+
Opera
9.5+
Safari
1.1+
Mobile browser support
Chrome
18+
Firefox
4+
Opera
-
Safari
-
