+ 7
Text-Shadow HTML CSS
How to use it properly
5 Antworten
+ 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 :) .