ADD WATTERMARK IMAGE WITH CSS

ADD WATTERMARK IMAGE WITH CSS :

ADD WATTERMARK for image

add copyright for image :ionic,angularjs,php

CODE :

add in html:

<div class="watermarked"><img src="test.jpg"/></div> 

add this in file css:

.watermarked {
  position: relative;
}

.watermarked:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("./water_mark.png");
  background-size: 60%;
  background-position: center center;
  background-repeat: no-repeat;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
}