Grow your CSS skills. Land your dream job.

Change color of png

  • # April 19, 2012 at 5:25 pm

    Hey everyone I believe I have seen it done somewhere but can’t remember where but can I use either CSS or Javascript/jQuery to change the color of a png image that is being displayed on the page. The image is just a small icon image that is black in color with a transparent background but I would like to use the code to change the color to a light grey for example so it is easier to change the color to say green if I wanted in the future without having to make a new image.

    Cheers Guys
    Phil

    # November 2, 2012 at 6:44 pm

    +1 I would like to find out how to do this as well. Thanks.

    # November 2, 2012 at 7:04 pm

    This sound like an icon font is needed.

    http://css-tricks.com/examples/IconFont/

    http://css-tricks.com/flat-icons-icon-fonts/

    # November 2, 2012 at 8:35 pm

    There a bunch of tutorials if you search on Google. You can do this quite easily with SVG.

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

You must be logged in to reply to this topic.

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