Posts

Showing posts from June, 2022
 Hello

How to add watermark various way in HTML and CSS

Image
html{ height: 100%; } body{ position: relative; height: 100%; } @media print { body:before{ content: 'info.sitalmandal@gmail.com'; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; color: #0d745e; font-size: 100px; font-weight: 500px; display: grid; justify-content: center; align-content: center; opacity: 0.2; transform: rotate(-45deg); } }   CONTENTS   [ hide ] The basic method to show a text watermark to an HTML page: How to disable the selection of watermark text by CSS? How to add a background watermark image to an HTML page? How to add watermark text in CSS? How to add text watermark diagonally? How to add text watermark repeated diagonally in CSS HTML? How to show a watermark only when the user print a webpage? The basic method to show a text watermark to an HTML page: In order to add a text watermark top right of a page, we need to add a  div  element with the class name  watermark . So add  <div class="watermark"