Forums

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

Home Forums CSS Is Shadow of this thing is possible ???

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #146486
    Astronaut
    Participant

    `#star:before{
    content:””;
    position:absolute;
    height:100px;
    width:100px;
    margin-top:200px;
    background:red;</p>

    <pre><code> -moz-transform:rotate(30deg);
    }

    #star:after{
    content:””;
    position:absolute;
    height:100px;
    width:100px;
    background:red;
    margin-top:200px;
    -moz-transform:rotate(-30deg);
    }

    #shadow{
    box-shadow:0 4px 5px black;
    }
    </code></pre>

    <div id=”shadow”>
    <div id=”star”></div>
    </div>

    <p>`

    i wrap star in shadow div, is it possible to make shadow of this ????

    #146487
    Paulie_D
    Member

    Perhaps a Codepen would be better.

    I think you are after a CSS filter : http://codepen.io/Paulie-D/pen/sEgdy

    Support is very limited at the moment: http://caniuse.com/#feat=css-filters

    #146492
    Astronaut
    Participant
    #146493
    Paulie_D
    Member

    Updated my post.

    #146496
    Astronaut
    Participant

    hey Paulie:D

    thanks for help.

    I’m using mozilla 12 and filter property support 21 and above thanks btw .

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