Forums

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

Home Forums CSS Inset box-shadow question

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #37322
    chanman
    Member

    I am wondering if there is any way you can put an inset box-shadow on just three sides of a content area or does it have to be on all the sides.

    this is what I am using.


    -webkit-box-shadow: 1px 1px 250px #000000 inset;
    -moz-box-shadow: 1px 1px 250px #000000 inset;
    box-shadow: 1px 1px 250px #000000 inset;
    #99859
    scofield
    Member

    Try this:


    -webkit-box-shadow: inset 1px 1px 250px #000000;
    -moz-box-shadow: inset 1px 1px 250px #000000;
    box-shadow: inset 1px 1px 250px #000000;
    #99861
    chanman
    Member

    i gave the wrong code it’s this


    -webkit-box-shadow: inset 0 0 8px #000;
    -moz-box-shadow: inset 0 0 8px #000;
    box-shadow: inset 0 0 8px #000;
    #99873

    There sure is, it involves a little more work though:

    box-shadow: inset -8px 0 8px -8px #000,
    inset 0 8px 8px -8px #000,
    inset 0 -8px 8px -8px #000;

    Example: http://dabblet.com/gist/2189699

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