Efecto Redondeado
Este efecto tiene las propiedades :hover, border, background y transition propiedades basicas para crear movimientos CSS la imagen puede ser tan alto como se requiera o se quiera, una imagen puede cambiar su forma mediante las propiedades CSS, todos los efectos con la propiedad :hover se activan al pasar el cursor sobre la imagen o la caja que contenga el efecto :hover.
.radius {
background : url('url de la imagen') center no-repeat;;
background-size : 100%;
width :200px;
height :200px;
transition : 500ms ease-in;
}
.radius:hover {
border-radius :40px;
}
background : url('url de la imagen') center no-repeat;;
background-size : 100%;
width :200px;
height :200px;
transition : 500ms ease-in;
}
.radius:hover {
border-radius :40px;
}
Ejemplo:
Redondear <div class="radius"></div>