🎉 Try Slides With Friends — Icebreakers, Team Building Games, Wordclouds & more!Check it out →

Web Image Masks

by Tony Thomas

Buy Now - $6Download

Web Image Masks

Posted in Themes / CSS Components
Web Image Masks
  • Image Thumbnail
  • Image Thumbnail

This resource utilises a technique called "PNG Masking" to create some really cool borders for images on the web. The technique involves using HTML and CSS to layer a transparent .png file on top of other image files to filter them.

Included in the pack you will find a demo .html file with 20 preset image masks (5 uniques styles and 4 different sizes), and the source PSD file for edits.

The preset sizes included are:

  • Large: 960 x 540 px
  • Medium: 640 x 360 px
  • Small: 320 x 180 px
  • Thumbnail: 100 x 100 px

Live Preview

Check out the masks in action here

Paid License

By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement. View the full license >

All Tags