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

Web Image Masks

Web  Image  Masks  Preview1
  • 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 >


Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.


You've successfully logged in!