Discover the best spotlight websites created by professional designers. Get inspired and start planning your perfect spotlight web design today!

Saw this spotlight-effect somewhere online and rebuilt it here in 5 min.  Simple settings with mouse movement interaction. Made 2 versions: shadow & white-on-white. Any color / text possible. Might be interesting to use for some hero landing page... Feel free to clone.

white-on-white-effect

Clone: Spotlight with Mouse movement - white on white

Interactive spotlight cursor that inverts the text on hover. The preview may not display correctly - view live or in the Webflow designer to preview.

✅ Native Interactions
✅ Custom Code (CSS-only)

--

Follow along for more!

Follow me on Twitter: https://twitter.com/kevinhaag
Subscribe on Youtube: https://youtube.com/kevinhaagsucks

Spotlight Cursor

MM—005: Spotlight Cursor

Dann Petty asked Travis and me to be the keynote speakers for Epicurrence. As we were planning the keynote talk we decided to make it less about us presenting but more about the people who have stories to tell.

So we found a few spotlight speakers with a few key narratives we thought would resonate well with the Epicurrence attendees.

Instead of having a slide deck I wanted to try and design and develop the site with Webflow and have that up on the screen. We also wanted people to have access to the speakers during and after the Epicurrence Yosemite week.

Travis did the watercolors for it all and overall I was extremely happy with it.

Discover spotlight websites built by the Webflow community

Discover spotlight websites built by the Webflow community