0
114
ViewsCuadro rectangular HTML con borde más plano en la parte inferior
Quiero crear un cuadro en html donde la parte inferior sea redonda pero no un círculo. Sé que puedo agregar la parte inferior del radio del borde, consulte https://jsfiddle.net/cxo8usyL/
#square_1 { width: 100px; height: 250px; background: gold; border-radius: 0px 0px 50px 50px; }Pero el círculo en la parte inferior girará cada vez. ¿Hay algún truco para hacer que el círculo sea más plano como en el azul de abajo? Implementación actual (ver jsfiddle en amarillo), mi objetivo está en azul.
Objetivo: 
·
Juan Pablo Isaza
1 answers
Answer question0
Puede usar un radio de borde elíptico para lograr un efecto "redondo plano". Pero como no puede usarlo solo para las esquinas superior e inferior, deberá combinarlo con otro rectángulo en un lado. solución de ejemplo: border-radius: 60px / 10px;
·
Juan Pablo Isaza
Report
Answer question