GitHub - Francisco-Webdeveloper/CSS-Variables-Manipulated-with-JS: In this project, we have an image and 5 controls which the user can manipulate (padding, blur, grayscale, contrast and the background color).

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

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
index.html		index.html
main.js		main.js
readme.md		readme.md
style.css		style.css