Por motivos de estética web, podemos recurrir a la realización de imágenes que dispongan de áreas o fondos transparentes, pero puede darse el caso de que en nuestro diseño, detrás de una imagen, haya una serie de objetos con los que no se pueda interactuar por culpa de la propia imagen.
Pues bien, lo que hace alphapun.ch básicamente es crear una máscara con las áreas opacas de la imagen, aplicándole un canal alpha, permitiendo a los usuarios la interacción con los objetos que se encuentren detrás de la imagen desde las áreas transparentes.
El ejemplo que ponen en la misma aplicación con la ventana deja claro sus intenciones. Los pasos a seguir son básicamente dos: arrastrar la imagen PNG o GIF al área de la aplicación web y aplicarle la máscara.
Enlace: AlphaPunch | Vía: Webresourcesdepot