Text-Shadow HTML CSS | Sololearn: Learn to code for FREE!


Text-Shadow HTML CSS

How to use it properly

12/10/2017 11:00:36 AM


5 Answers

New Answer


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


I have a tip for you just visit W3Schools you'll find everything you need about html and css


the text-shadow property can be used to make better UX.


use text-shadow: 2px(x-axis) 2px(y-axis) 4px(blurr radius) orange(choose any bg shadow color)


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 :) .