Cursor

• cursor: pointer; (Changes cursor to pointer)
• cursor: not-allowed; (Indicates disabled state)

Visibility

• display: none; (Hides element, removes from layout)
• visibility: hidden; (Hides element but keeps its space)

/* **Use visibility for smoother animations instead of display: none;** */
.element {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.element.show {
  visibility: visible;
  opacity: 1;
}

• opacity (Controls transparency)

Scrolling & Fixed Positioning

• overflow: hidden; (Hides overflowing content)
• overflow: scroll; (Enables scrolling)
• scroll-behavior: smooth; (Enables smooth scrolling)
• sticky (Fixes position while scrolling)