Estoy intentando meter una imagen dentro de un circulo ovalo, al principio lo hice con un canvas, pero el problema del canvas, es que si la imagen es más grande que el canvas, tapa el canvas y si es inferior no abarca toda el área del canvas, así que busque una solución más sencilla en CSS, con la propiedad border-radius, se consigue el efecto que busco, que es, que la imagen abarque toda el área del óvalo y no quede nada por fuera, pero otro problema que me surgio es que creando un óvalo de esta manera, solo se pueden crear óvalos horizontales, es imposible hacerlos verticales, entonces se me ocurrió rotar el div, con la propiedad transform: rotate() pero claro, no solo rota el div, sino que la imagen también,
¿alguna idea para poder hacer este óvalo vertical u otro método o técnica para hacerlo?, he buscado por san google pero no encuentro nada
El codigo lo encontrareis aquí:
http://codepen.io/bichomen/pen/yVJeRX
Saludos
