Hello
Posts
Showing posts from June, 2022
How to add watermark various way in HTML and CSS
- Get link
- X
- Other Apps
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"