Gradient as pulsing border

How to use it

Apply an angled gradient to the border of an element with a brighter section in the middle.

When to use it

This adds visual interest and can help reinforce a theme, like science fiction or lasers.

What to watch out for

The darker ends of the gradient are more easy to see against a dark background, so this might not be an easy technique to use if your design has a light background.

Examples