Skip to content

Commit 0960c56

Browse files
authored
ReadMeFirst
1 parent bd4b929 commit 0960c56

File tree

1 file changed

+17
-12
lines changed

1 file changed

+17
-12
lines changed

README.md

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,31 @@
11
# Update-CSS-variable-with-JS.
2-
In this project CSS variables are updated using JS.Nowdays variables are also used in CSS to make the design more propiate and dynamic.The css variables can be updated by using some functions and methods of JS to make the web design fully dynamic.In the HTML part of the project input tag type range is used to change the property value and then by using JS the values are set to the changed property.
32

3+
In this project CSS variables are updated using JS.
44

5+
## Developed With:
56

7+
* HTML.
8+
* CSS.
9+
* JS.
610

11+
## Silent Features:
712

8-
Important CSS:
13+
* Easy logic.
14+
* Unique and Minimal project.
15+
* To test the skill of JS and HTML.
916

17+
## Important CSS:
1018

11-
1: CSS3 variables:
12-
https://www.w3schools.com/css/css3_variables.asp
19+
* CSS3 variables: (https://www.w3schools.com/css/css3_variables.asp).
1320

21+
## Important JS functions and methods:
1422

15-
Important JS functions and methods:
23+
* setProperty(): (https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty).
1624

17-
1: setProperty():
18-
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty
25+
## Important HTML tags used:
1926

27+
* Input type range: (https://www.w3schools.com/tags/att_input_type_range.asp).
2028

29+
## Project Previwe:
2130

22-
Important HTML tags used:
23-
24-
25-
1: Input type range
26-
https://www.w3schools.com/tags/att_input_type_range.asp
31+
(https://ali-tahir4024.github.io/Update-CSS-variable-with-JS./)

0 commit comments

Comments
 (0)