Home > Designing, Others > Angled Edges with CSS Masks and Transforms

Angled Edges with CSS Masks and Transforms

October 27th, 2015 Leave a comment Go to comments

Jeremy Frank with a very simple and clever way to have elements not end perfectly horizontally, but at an angle:

.section {
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}

Just make sure there is enough bottom padding so nothing important gets cut off.

Direct Link to ArticlePermalink


Angled Edges with CSS Masks and Transforms is a post from CSS-Tricks

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.