Diagonal CSS Tutorial

For the longest time, CSS and HTML have only been used to create square shapes and designs. Code based square borders and buttons have become common practice, but you never really see other angles or shapes.

Now some clever designers have put together an interesting way to start incorporating angles into your website with pure HTML and CSS code alone. This brief video tutorial explains how to create a menu tab that is angled at the top edge. This makes the design more interesting without adding the extra size that an image would bring to the page. You can apply this technique to a range of other designs and create some really interesting shapes on your website without ever having to rely on images, which is pretty amazing, especially for some of the more complex designs that you can achieve.