Using CSS Masks to Create Jagged Edges

I was working on a project that had this neat jagged edge along the bottom of a banner image.

Looking sharp… in more ways than one.

Its something that made me think for a second and I learned something in the process! I thought Id write up how I approached it so you can use it on your own projects.

I started out with a good old fashioned HTML image in a wrapper element:

<div class="jagged-wrapper"<img src="path-to-image.jpg" /

… Read article “Using CSS Masks to Create Jagged Edges”

The post Using CSS Masks to Create Jagged Edges appeared first on CSS-Tricks.