Torn Edges CSS

Create a torn paper edge effect with CSS. Useful for an interesting banner or heading.
Create your torn edge CSS effect using the controls below. You can adjust the number of tear points, the width of the tearing, and whether the shadow is sharp or blurred.
Copy the CSS and HTML and paste it into your own website.
4 Comments
what’s the solution if we want to give this troning top side and bottom
Thanks for the comment. I will look into it.
Cool, thanks! Would be even _cool_ if it could do all 4 borders. 🙂
Thanks for the comment. That is a good idea!