Aplicar bordes suaves a la imagen usando CSS

Nuestros mejores desarrolladores agotaron sus depósitos de café, investigando noche y día por la solución, hasta que Salvador encontró la respuesta en Bitbucket por lo tanto en este momento la compartimos aquí.

Solución:

Puedes intentar algo como esto:

Ejemplo JSFiddle

html:

CSS:

#image-container 
background: url(http://pic2.ooopic.com/11/26/30/31b1OOOPIC48.jpg) left top no-repeat;
box-shadow: 25px 25px 50px 0 white inset, -25px -25px 50px 0 white inset; 
width: 300px;
height: 300px;

Puedes probar eso: violín

Y CSS.

shadow

    display:block;
    position:relative;


img 
    width: 100%;
    height: 100%;


.shadow:before

    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0px 0px 6px 6px rgba(255,255,255,1);
    -webkit-box-shadow:inset 0px 0px 6px 6px rgba(255,255,255,1);
    box-shadow:inset 0px 0px 6px 6px rgba(255,255,255,1);

Sección de Reseñas y Valoraciones

---

---

Utiliza Nuestro Buscador