efecto de recorte/enmascaramiento CSS + HTML5



   AUTOR PREGUNTA

Publicado 10 marzo 2014 - 20:42

¿Es posible de lograr un efecto de recorte/enmascaramiento en una imagen solo con ccs + html5?


¿Tienes la misma pregunta? Yo también

 

Publicado 11 marzo 2014 - 00:02

Sí es posible, pero necesitas establecer la imagen como el fondo de un div con css y es necesario hacerlo de esa forma, ya que de lo contrario obtendrías unos horribles bordes blancos, probado en Chrome:

#img-container 
{ height: 225px;
width: 225px;
padding: 3px;
border: 1px solid black;
background-image: url('pic.jpg');
border-radius: 10px; }

   AUTOR PREGUNTA

Publicado 11 marzo 2014 - 15:41

Gracias crack