CSS-Variables-Manipulated-with-JS/readme.md at master · Francisco-Webdeveloper/CSS-Variables-Manipulated-with-JS

Background & Objectives

In this project, we have an image and 5 controls which the user can manipulate (padding, blur, grayscale, contrast and the background color).

We build the CSS variables and the Javascript code needed to bring functionality to the inputs / controls.

Screen.Recording.2021-11-19.at.20.08.40.mov

Go to the Terminal, choose a directory where you wish to clone the repository and run:

git clone git@github.com:Francisco-Webdeveloper/CSS-Variables-Manipulated-with-JS.git

Launch local webserver with the Terminal:

npm install -g parcel-bundler
parcel index.html
open http://localhost:1234 in the browser