I am doing it so fast in the office. Not quite interesting.

Well, I can only change the image and comment on code that’s really important to me. Here’s the demo. Clone my repo if you are so keen.

One great thing about CSS variable is when you change the variable, any elements that have reference to it will change as is. The behaviour of CSS variable has no difference from the rest of CSS features, it cascades. You can override it if you declare CSS variable on child element. In this challenge, all CSS variables declared on :root (<html> tag).

  :root {
    --base: #ffc600;
    --blur: 0;
    --spacing: 0;
  }

Here’s yet another boring JavaScript code.

I am tired, I just want to look at her beautiful face on and on.