css - How can I create div with an opposite-curved bottom -
so found question: can create div curved bottom?
thanks managed make curved bottom of image, using code below:
border-radius: 0 0 50% 50% / 15%; overflow: hidden;
it looks like that:
(practically). nice but... need curve totally opposite way:
how can clean css?
try this:
div { height: 250px; width: 300px; background: tomato; position: relative; margin:0 auto; } div:after { content: ""; height: 50%; width: 100%; position: absolute; background: white; border-radius: 50%; bottom: -25%; transition: 0.8s; }
<div></div>
Comments
Post a Comment