# Playing with CSS Variables and JS 🎨

This project was built by following Wes Bos's **JavaScript 30** course.  
It demonstrates how to interactively update CSS variables using JavaScript.

## 🔥 What it does

- Allows the user to adjust properties like:
  - Spacing
  - Blur
  - Color
- Uses HTML range inputs and color pickers to dynamically change CSS variables.
- Updates styles in real-time using the `document.documentElement.style.setProperty()` method.

## 💻 Technologies used

- HTML
- CSS
- JavaScript

### 🔗 Demo live
(https://codrutarisco.github.io/update-css/)


## 🚀 How to run locally

1. Clone the repository:
git clone https://github.com/CodrutaRisco/update-css.git


2. Navigate into the project directory:
 
 cd update-css


3. Open `index.html` in your browser (double-click or drag it into a browser window).


## 📚 What I learned

- Using `data-*` attributes to store extra information on elements.
- Accessing and updating CSS custom properties (`--variables`) with JavaScript.
- Handling events like `change` and `mousemove` on input elements.