Animated PNG on the web
I'm slowly getting more excited about the new web technologies. One of these is the move to support animated PNG in browsers. Animated pictures are nothing new, we've had GIF for ages now, but the problem with GIF have always been that it only has 1 bit transparency. Which means, if you have a transparent background, you will see nasty edges.
PNG's on the other hand are much higher quality images. Here is a quick example of an animated PNG that I quickly made this evening. Note that this picture wont work in all browsers. You can have a look at this site for recommended browsers that support animated PNG.
There are many more examples on the net of animated PNG's, so just google for examples.
As with all animated pictures that may make it's way on a website, we have to keep in mind that we should not abuse it (like the scrolling or blinking text in the olden days >.< ). Animated graphics only work well, when it actually enhances your design, and just because you think it looks cool, it does not mean that it is will actually be good for your site.
You can use Markdown to format your comment.
There are currently no comments on this entry. Be the first!