Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Webkit Box Shadow Issue

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #32910
    Catasphere
    Member

    Hey guys, I have this problem where I added box shadow to one side of an element, and it worked well in Firefox, but in Safari the box shadow cuts off, and only 10% of it shows. Here’s a screenshot: http://cl.ly/103W113q3i1s3u3a1J0A (I made the background white so you could see the black box shadow.)

    Here’s the code:






    #box-shadow {
    position: fixed;
    width: 75%;
    left: 25%;
    height: 20px;
    -moz-box-shadow: inset 20px 0 10px -15px black, inset -20px 0 10px -15px black, inset 0 20px 20px -20px aqua;
    -webkit-box-shadow: inset 20px 0 10px -15px black, inset -20px 0 10px -15px black, inset 0 20px 20px -20px aqua;
    box-shadow: inset 20px 0 10px -15px black, inset -20px 0 10px -15px black, inset 0 20px 20px -20px aqua;
    z-index: 1000;
    }

    BTW, any suggestions or comments on the design, or anything would be appreciated.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.