Grow your CSS skills. Land your dream job.

gif tansparency

  • # April 30, 2013 at 2:51 am

    may be this is not right place to discuss about it but if someone know how to set transparency of gif animated object as like png. I make an animated gif image in photoshop but when i exported i see some glitter white border around gif image, i know the trick to remove it by using background color as same as the background color of our document we are going to use, but in my case background is changing, any help?

    # April 30, 2013 at 4:13 am

    It’s not possible, png uses 8-bit transparency but gif only 1-bit, either fully transparent or fully opaque.

    # April 30, 2013 at 4:18 am

    I’d experiment with a CSS keyframe animation and do it with a png… Then have a static png as a fallback for older browsers.

    Good little guide on keyframe animation here – http://minimalmonkey.com/fun-animations-with-css3/

    # April 30, 2013 at 3:10 pm

    To me it sounds like you need to set the transparent bit of your image in the editor. I’m not sure what program you are using, but most allow you to pick a color bit to make transparent when you save the gif.

    If you are setting the bit, then your image probably needs to be cleaned up, a lot.

    What image editor are you using? Have you tried something like [GIF Animator](http://ulead-gif-animator.en.softonic.com/)?

    # May 5, 2013 at 6:55 am

    @mottie:I am using photoshop and yes CrocoDillon it seems like not possible from here. thanks you guys for help. atlast i have to use matte in photoshop so that i can set background color

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

You must be logged in to reply to this topic.

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