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.



In this video, we talk about how to make arrows rotate to point at the mouse cursor



How to Make Design Elements Interact with Mouse Movements

Code

This week, we look at how to make other parts of the page change on hover. With CSS we can only change the tag or inside the tag on hover, but with a bit of Javascript, we can change completely different parts of the page.

How to Make a Background Gradient Rotate

How to Make Design Elements Interact with Mouse Movements

The Ustwo Background Changing Hover Effect

Related posts

Ask a Project Manager #7: How Do I Land My First Digital Project Management Role?

Why Learning React is a Really Great Idea

How Do You Grow a Creative Business?

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