🧠 37. What are CSS Transitions? 
Transitions create smooth changes between property values. 

Example:

button {
   transition: background 0.3s ease;
}

🧠 38. Difference Between Transition and Animation 
Transition : Triggered by event 
Simple effects 

Animation : Can run automatically 
Complex effects 

Example:

@keyframes move {
   from { left:0; }
   to { left:100px; }
}

🧠 39. What is transform Property? 
transform changes element shape or position. 

Example:

div {
   transform: rotate(45deg);
}

Common Functions: 
- rotate() 
- scale() 
- translate() 

🧠 40. What is overflow Property? 
Controls content overflow behavior. 

Values: 
- visible 
- hidden 
- scroll 
- auto 

Example:

div {
   overflow: scroll;
}

🧠 41. Explain CSS Inheritance 
Some CSS properties automatically pass from parent to child. 

Example:

body {
   color: blue;
}

Child elements inherit text color. 

🧠 42. What is !important? 
!important gives highest priority to a CSS rule. 

Example:

p {
   color: red !important;
}

🧠 43. What are CSS Preprocessors? 
Preprocessors extend CSS functionality. 

Popular Preprocessors: 
- SASS 
- SCSS 
- LESS 

Features: 
✅ Variables 
✅ Nesting 
✅ Functions 

🧠 44. Difference Between SCSS and SASS 
SCSS : Uses braces 
CSS-like syntax 

SASS : No braces 
Indentation syntax 

SCSS Example:

$color: blue;

h1 {
   color: $color;
}

🧠 45. What is Bootstrap? 
Bootstrap is a popular CSS framework used for responsive web development. 

Features: 
✅ Responsive grid system 
✅ Prebuilt components 
✅ Faster development 

Example:

<button class="btn btn-primary">
   Click Me
</button>

Double Tap ❤️ For Part-3