HTML CSS

HOW TO ADD WATERMARKS IN HTML CSS

(real quick examples)

Add watermark at bottom of page <div id="watermark">   Copyright, do not copy. </div>

#watermark {   Fix at bottom right of page   position: fixed; bottom: 0; right: 0;   Transparency   opacity: 0.5; font-weight: 700; }

WATERMARK PAGE

01

Wrap img in div <div class="watermark">   <img src="IMG.JPG"> </div>

Use ::after for watermark .watermark:after {   content: "COPYRIGHT";   opacity: 0.5; font-weight: 700;   position: absolute; bottom: 0; right: 0; }

WATERMARK IMAGE

02

REsize image & position <DIV> .watermark img { width: 100%; } .watermark { position: relative; }