Skip to main content

Digital Web Magazine - Creative Use of PNG Transparency in We...

Popularity Report

Total Popularity Score: 0

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Groups (1)

  • css

    CSS Evangelist

    221 members,392 bookmarks

    a collection of resources of all things CSS- Include how-tos, articles, resources, tools, etc...

Bookmark History

Saved by 43 people (8 private), first by anonymouse user on 2007-05-30


Public Comment

on 2007-05-30 by charles

"The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary."

on 2007-11-08 by bluecockatoo

A good reference about the PNG graphics format and what you can do with it in various browsers.

Public Sticky notes

PNG, GIF, and JPEG

The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.

Highlighted by bera_saroj

The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.

Highlighted by larrick_1

Punch-out effect

Highlighted by rikaizm

Punch-out effect
Figure 5-15. The PNG mask is layed on top of the photo to created a “punched-out” effect.

Highlighted by ssabue