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

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -