'How to apply radius to box-shadow?

I applied box-shadow and border-radius css to pp-content-post-slider class.

border-radius:10px;
box-shadow:0px 0px 15px 0px rgb(0 0 0 / 9%);

<div class="owl-stage-outer">
    <div class="owl-stage" style="..">
        <div class="pp-content-post-slider" style="padding:0px; border-radius:10px;box- 
        shadow:0px 0px 15px 0px rgb(0 0 0 / 9%)">
        </div>
        <div class="pp-content-post-slider" style="padding:0px; border-radius:10px;box- 
         shadow:0px 0px 15px 0px rgb(0 0 0 / 9%)">
        </div>
    </div>
</div>

Css is working well but the problem is no curves are applied to the shadows.

i am confused why not applied radius.

Also i put overflow: hidden; for hiding , still not work.

Could some one tell me how do i solve this?

Thank you.

htmlcss


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions