Single Slanted Header – Angled Div

Image: Single Slanted Header – Angled Div GIF

If you are looking to add some uniqueness to you site having an angled header might be a good place to start. It’s easily achieved using only CSS as seen in this snippet designed by Chris. It’s not limited to headers, you can use the same effect for any sections on the page.

If you are having trouble with the pen, try the archived copy on GitHub

Angled Section Snippet

See the Pen Simple Slanted Header by Chris (@BadMoodTaylor) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.