css - -webkit-box-shadow not working on safari 14

Question

I am using CSS box-shadow property which is working fine on google chrome and Firefox but unfortunately its not working on Safari browser (mobile and mac both) Safari version I am using is 14.

my CSS code :

    .testing-class{
   content: '';
    height: auto;
    position: absolute;
    z-index: 9;
    width: 100%;
    bottom: 0px;
    display: block;
    -webkit-appearance: none;
    -moz-box-shadow: 0px 7px 48px 74px #fff;
   -webkit-box-shadow: 0px 7px 48px 74px white;
    box-shadow: 0px 7px 48px 74px #fff;
     margin-top: 21px;
}

Answer 1

it's only working for display: block elements; try to add that to your css code