├── CSS Codes
├── Animations
│ ├── animation1.css
│ ├── animation1.html
│ ├── animation2.css
│ ├── animation2.html
│ ├── animation3.css
│ └── animation3.html
├── BOX Model
│ └── boxModelIntro.html
├── Flex Properties
│ ├── Intro.html
│ ├── flexstyle.css
│ └── practiceflex.html
├── Grid Properties
│ ├── BuildWebapp.html
│ ├── FunctionalGrid.html
│ ├── Intro.html
│ ├── gridstyle.css
│ └── style.css
├── PSEUDO CLASSES
│ ├── firstchild_lastchild_onlychild.html
│ ├── focus.html
│ ├── hover.html
│ └── nthChild.html
├── Responsive
│ ├── mediaquery.html
│ └── metaTag.html
├── SELECTORS
│ ├── AdjacentSibling.html
│ ├── Attribute.html
│ ├── BasicSelectors.html
│ ├── Child.html
│ ├── Descendant.html
│ └── ID and class.html
├── Transform
│ ├── transform.css
│ └── transform.html
├── Types of CSS
│ ├── InlineCSS.html
│ ├── InternalCSS.html
│ └── style.css
└── postion and relative
│ ├── index.html
│ └── task.html
├── HTML Code
├── Attributes.html
├── BlockLevelTag.html
├── DisplayImages.html
├── HeadingTags.html
├── HyperText.html
├── Iframes.html
├── List.html
├── PairedTags.html
├── ParaTag.html
├── PasswordValidation.html
├── Pattern.html
├── TextFormattingTags.html
├── Video.html
├── forms.html
├── srcdoc.html
└── table.html
└── JavaScript
├── DOM Manipulation
├── ByClassName().html
├── DOM Basics.html
├── addRemove.html
├── events.html
├── querySelector.html
└── task1.html
├── DataType.html
├── ExceptionHandling.html
├── FunctionOverloading.html
├── HigherOrderFunction.html
├── Hoisting.html
├── Inheritance.html
├── LexicalScope.html
├── MultipleFormFields.html
├── ObjectIntro.html
├── Operators.html
├── Promise.html
├── Synchronous.html
├── argumentsObject.html
├── array.html
├── arrayIterationMethods.html
├── arrayMethods.html
├── async and await.html
├── awaitasync.html
├── closures.html
├── constructor.html
├── controlConstruct.html
├── firstscript.html
├── formValidate.html
├── functionExamples.html
├── functions.html
├── keywords.html
├── practice.html
├── script.js
├── spreadOperator.html
├── superMethod.html
└── validationtestMethod.html
/CSS Codes/Animations/animation1.css:
--------------------------------------------------------------------------------
1 | p {
2 | border: 2px solid black;
3 | height: 200px;width: 200px;
4 | /* animation-name: change_clr;
5 | animation-duration: 5s;
6 | animation-iteration-count: infinite; */
7 |
8 | animation: change_clr 1s infinite;
9 | }
10 |
11 | @keyframes change_clr{
12 | from {
13 | background-color: red;
14 | border-radius: 100px;
15 | }
16 | to {
17 | background-color: yellow;
18 | }
19 | }
--------------------------------------------------------------------------------
/CSS Codes/Animations/animation1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Animation 1
4 |
5 |
6 |
7 |
8 |
9 |