Text watermark in webpages

Adjust your rotate and font size values as per your requirement

<style type="text/css">
#asvignesh-watermark {
 color: #d0d0d0;
 width: 100%;
 font-size: 198pt;
 -webkit-transform: rotate(-47deg);
 -moz-transform: rotate(-47deg);
 height: 100%;
 margin: 0;
 z-index: -1;
 left:-100px;
 top:-200px;
 position: absolute;
}
</style>
<div id="asvignesh-watermark">
<p>Vignesh A Sathiyanantham</p>
</div>

 

 

Default image
Vignesh A Sathiyanantham
AWS Certified developer with 8 years of extensive experience working for Cloud and Datacenter solutions and leading a small team in a lean startup based on Bangalore, India

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.