Quantcast
Channel: Active questions tagged html - Stack Overflow
Viewing all articles
Browse latest Browse all 67411

Border radius with Box shadow css

$
0
0

I have box-shadow on form which stretches on whole screen and it worked perfectly until i added border-radius to form.

Code:

.customer-modal{
    box-shadow: 0px 0px 300px 900px rgba(0,0,0,0.75);
    background: whitesmoke;
    display: inline-block;
    width: 40vw; 
    padding-bottom: 60px;
}

enter image description here

Code with radius

.customer-modal{
    box-shadow: 0px 0px 300px 900px rgba(0,0,0,0.75);
    background: whitesmoke;
    display: inline-block;
    width: 40vw;
    padding-bottom: 60px;
    border-radius: 4%;
}

It looks like this: enter image description here

How can i fix it so box shadow looks as it looked without border-radius?


Viewing all articles
Browse latest Browse all 67411

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>