MDB fancy border radius generator

Generate unusual shapes with our border-radius generator

Other tools Free MDB UI KIT

        /* These are the KEY styles - you can add them directly to any object you want in your project */
        .fancy-border-radius { 
            border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; 

        /* These are ADDITIONAL styles - add them if you want an object exactly like in the demo above */
        width: 400px;
        height: 400px;
        background: #ad5389; 
        background: -webkit-linear-gradient(
            to right,
            #3c1053,
            #ad5389
        ); 
        background: linear-gradient(
            to right,
            #3c1053,
            #ad5389
        ); 

        }
        

        <div class="fancy-border-radius"></div>