Interview Question

What is transform property?

transform changes an element’s rendered coordinate space.

💡 Concept ✅ Quick Revision 🎨 CSS

Answer

The transform property applies a list of geometric transformations to an element. • Transform functions can translate, rotate, scale, or skew. • Transforms affect visual rendering without changing normal-flow layout. • A non-none transform can create a stacking context and containing block.

💡 Simple Example

.card { transform: translateY(-.25rem) rotate(1deg); }

⚡ Quick Revision

transform changes an element’s rendered coordinate space.