Dynamic Color Slider: Create a website that adjusts its theme in real-time with CSS and Javascript
In this tutorial, learn how to make a slider that lets your users control the hue of the site!
Previously we added this feature as a little Easter Egg in our SuperHi Plus website and a lot of people asked us how to do it.
00:00 Intro
00:41 How to
Demo:
https://superhi-videos.s3.amazonaws.c...
Final code:
https://superhi-videos.s3.amazonaws.c...
Links:
https://superhi.plus
https://hslpicker.com/
https://developer.chrome.com/articles...
https://oklch.com
Gradient from:
https://unsplash.com/@codioful
play_arrow
Weather-aware websites: How to add weather data and styling to a website using Javascript
play_arrow
Scroll animations! How to add a flowing path like the Lusion site with SVG and Javascript