Text-Shadow HTML CSS | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 7

Text-Shadow HTML CSS

How to use it properly

10th Dec 2017, 11:00 AM
I'm_Groot
I'm_Groot - avatar
5 Answers
+ 29
<html> <head> <title>Text Shadow</title> <style> p {color:red; font-size:30px; text-shadow: 5px 4px 6px blue; } p.dream{color:blue; font-size:20pt; text-shadow:#ff0000 -0.5mm -0.10cm 0.15em; } </style> </head> <body> <h3 align="center" style="color:red;">Text Shadow</h3> <h2 style="background-color:yellow;color:green;">Make Text Shadow</h2> <p>This Is My Life</p> <p class="dream">This Is My Dreams</p> </body> </html>
10th Dec 2017, 11:04 AM
☆Sampath👻
☆Sampath👻 - avatar
+ 7
I have a tip for you just visit W3Schools you'll find everything you need about html and css
10th Dec 2017, 3:45 PM
nouha coding girl
nouha coding girl - avatar
+ 2
the text-shadow property can be used to make better UX.
7th May 2018, 11:23 AM
Siddharth
Siddharth - avatar
+ 1
use text-shadow: 2px(x-axis) 2px(y-axis) 4px(blurr radius) orange(choose any bg shadow color)
11th Dec 2017, 3:45 AM
Moses Ouma
Moses Ouma - avatar
0
For example: In HTML <p class="yourClass">Lorem ipsum</p> In CSS yourClass{ text-shadow: 1px 2px 2px red; } For more information you can find in MDN => link ( https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow ). Happy coding :) .
10th Dec 2017, 10:55 PM
Josimov Dejan
Josimov Dejan - avatar