https://github.com/tanzim-ikram/css-variables
A fun and interactive project demonstrating Scoped CSS Variables and JavaScript.
https://github.com/tanzim-ikram/css-variables
css cssvariables javascript
Last synced: 23 days ago
JSON representation
A fun and interactive project demonstrating Scoped CSS Variables and JavaScript.
- Host: GitHub
- URL: https://github.com/tanzim-ikram/css-variables
- Owner: tanzim-ikram
- Created: 2025-03-03T20:03:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T20:56:43.000Z (11 months ago)
- Last Synced: 2025-04-04T02:17:37.090Z (10 months ago)
- Topics: css, cssvariables, javascript
- Language: HTML
- Homepage:
- Size: 2.98 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎨 CSS Variables & JavaScript
A fun and interactive project demonstrating **Scoped CSS Variables** and **JavaScript**. Users can dynamically update the spacing, blur effect, and base color of an image using range inputs and a color picker.
## 📸 Preview
![Project Preview]()
## 🚀 Features
- **Real-time CSS updates** using JavaScript.
- **Live preview** of spacing, blur, and color changes.
- **Scoped CSS Variables** for easy styling control.
## 🛠️ Technologies Used
- **HTML** – Structure of the project.
- **CSS** – Styling with CSS variables.
- **JavaScript** – Updating CSS variables dynamically.
## 🔧 Setup & Usage
1. Clone the repository:
```bash
git clone https://github.com/tanzim-ikram/CSS-Variables
cd CSS-Variables