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