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