+ 7
Text-Shadow HTML CSS
How to use it properly
5 Réponses
+ 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>
+ 7
I have a tip for you just visit W3Schools you'll find everything you need about html and css
+ 2
the text-shadow property can be used to make better UX.
+ 1
use text-shadow: 2px(x-axis) 2px(y-axis) 4px(blurr radius) orange(choose any bg shadow color)
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 :) .



