Grow your CSS skills. Land your dream job.

IE Text Shadow

  • # February 12, 2013 at 7:47 pm

    Is it possible to create multiple text shadows like below in at least IE9 where one shadow matches the background and the other is light gray?

    Code:

    Check out this Pen!

    # February 13, 2013 at 4:58 am

    From my reading it’s possible to create a single shadow in IE9 with the shadow filter but I can’t find any indication of any way to add multiple or graduated shadows.

    filter: Shadow(Color=red, Direction=130, Strength=1); /* IE Proprietary Filter*/

    # February 13, 2013 at 5:54 am

    Thanks, Paulie. I can’t seem to get that filter you supplied to work in IE.

    # February 13, 2013 at 7:36 am

    I got it from here: http://stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9

    but it looks like there may be another version

    p.shadow {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
    }

    # February 13, 2013 at 7:52 am

    I saw that one and couldn’t get it to work either. Very weird.

    # February 13, 2013 at 6:23 pm

    Although it’s not the most semantic solution, couldn’t you just create to divs, both containing the “6” where on has color: red and the other color: white & the filter and then just stack them with a bit of displacement?

    # February 13, 2013 at 7:22 pm

    @clbuttic I could but I think I might have to just say screw it on this particular issue.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".