shadow for text
Written by 21 August 2012
Using special styles for the texts and headers used in a website makes these texts more beautiful, such as the following code in which we have provided a text and a special style for it with, i.e. a beautiful shadow with a dark background. The text looks like it glows in a dark background. Interesting!
Code Snippet:
<!-- this script is provided by https://www.htmlfreecode.com coded by: Kerixa Inc. -->
<style>
body{
background:#333;
}
#demotext {
color: #FFFFFF !important;
background: #333333 !important;
text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;
color: #FFFFFF;
background: #333333;
text-align:center;
font-size:30px;
margin:20px;
}
</style>
<div id="demotext">Html Free Code</div><a target='_blank' href='https://www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
carfaoui, Ali7hry, alexnicola, Adam20, Prashanthcs11
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!