Interview Question

What is keyframes in CSS?

@keyframes defines the property values used during an animation.

💡 Concept ✅ Quick Revision 🎨 CSS

Answer

The @keyframes rule defines stages of a CSS animation. • Stages use from, to, or percentage selectors. • Each stage contains declarations for animatable properties. • The browser interpolates supported values between stages.

💡 Simple Example

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

⚡ Quick Revision

@keyframes defines the property values used during an animation.

←

PreviousWhat is transition timing function?

NextDifference between transition and animation?

→