testo Ombra text-shadow




https://www.pixolo.it/2012/07/creare-ombre-effetti-testo-proprieta-text-shadow-ccs3/


<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>test</title>
<style>



#prima {

text-align:center;
color: #7690CF;
text-shadow: 2px 2px 2px #48577D;
}


#seconda{

text-align:center;
color: #707070;
text-shadow: 2px 2px 0px #ffffff, 4px 4px 0px #707070;
}

#terza{

text-align:center;
color: #ffffff;
text-shadow: 0pt 0pt 5px #ffffff, 0pt 0pt 10px #ffffff, 0pt 0pt 15px #ffffff, 0pt 0pt 20px #ff00de, 0pt 0pt 35px #ff00de, 0pt 0pt 40px #ff00de, 0pt 0pt 50px #ff00de, 0pt 0pt 75px #ff00de;

}



#quarta{

text-align:center;
color: #222;
background:#474747;
text-shadow: 0px 2px 3px #666;
}

#quinta{

text-align:center;
color: #fff;
background:#474747;
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;

}




h2 { text-shadow: 2px 2px 3px #F30, 1px 3px 5px #f00; }


</style>

</head>
<body style="background-color: rgb(255, 255, 255);" >
<h1 align="center">Prova lampeggiamento Blinker</h1>

<center>



<h1 id="prima">Welcome to Kinsta </h1>

<h1 id="seconda">Welcome to Kinsta 2 </h1>

<h1 id="terza">Welcome to Kinsta 3 </h1>

<h1 id="quarta">Welcome to Kinsta 4</h1>

<h1 id="quinta">Welcome to Kinsta 5 </h1>


</center>
</body>
</html>










( testoombratextshadow.html )- by Paolo Puglisi - Modifica del 2/5/2024