Today, Lawrence talks about how to make a spotlight effect using CSS based on the Victorian Opera new website.

In a previous video, we talked about how to make arrows point at your mouse cursor. This time, we flip it around and make your cursor an arrow that points to a particular spot on the page!

Custom Cursors and Pointing at a Point

Code

In this video, we add a simple loader to a site using a full-screen fixed-positioned tag, CSS animation and a splash of Javascript

How to Make a Navigation with a Spotlight Hover Effect

More videos

Planning, Designing + Coding Your First iOs App with Lou

How to Make a Javascript Accordion

How to Add International Times with Timezones to Your Website

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