css Imágenescoloreadas

Posted 2021-05-13

<div class="tinted-image"></div>

.tinted-image {
  
  width: 300px;
  height: 200px;
  
  background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(225, 100, 50, 0.45), 
      rgba(225, 100, 50, 0.45)
    ),
    /* bottom, image */
    url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/owl1.jpg);
}