Search code examples
sassbox-shadow

Why box-shadow doesnt works in Safari, but in others browsers work?

Last time i code some css to my website, after tests I forward that in Safari (11.1.2) box-shadow doesn't works . I tried to add prefix -webkit but it doesn't works too. Do you have some idea how I can fix it??

box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);

Solution

  • Check this codepen, it works in safari browser

    <div></div>
div {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);
  width: 200px;
  height: 200px;
  background: pink;
}

    May be you can try giving a value 0.9 rather than 0.12 and just check if it works for you or not. As 0.12 might be working but it is just not visible to eyes may be