Angled Background Transition

How to use it

When transitioning from one background colour to another, make the transition an angle rather than a straight line.

When to use it

If you want to add some visual interest to your page, you can add some "shape" to your background transition. This is similar to the curved background transition, but if your brand doesn't work well with curves and other soft shapes, this might suit you better.

What to watch out for

An angled line like this will lead the eye, so be careful that you're leading it to something.

Examples