We're celebrating a new year and new skills, by offering a 21% discount off all courses and collections at checkout! ✨

How to make a background gradient rotate

Published

September 29th 2017

Difficulty

Beginner

Posted by

Rik Lomas

On Rik's website, the background of the whole page rotates very subtly. We can't do this with Javascript as gradients are background images so we show you how to fake it with Javascript.

Published

September 29th 2017

Difficulty

Beginner

Posted by

Rik Lomas

Next video

Beginner

15:05

TUTORIAL

How to make design elements interact with mouse movements

Previous video

Beginner

17:31

TUTORIAL

The ustwo background changing hover effect

Beginner

08:01

TUTORIAL

Introducing CSS Grids

ARTICLE

How American Brands are Using Graphic Design to Boost Voter Awareness

TUTORIAL

How to make a background gradient rotate

How to make design elements interact with mouse movements

The ustwo background changing hover effect

Related posts

Introducing CSS Grids

How American Brands are Using Graphic Design to Boost Voter Awareness

How to Add a Dynamic Social Share Image to a Shopify Theme

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration