CSS Professional Development Flashcards
7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.
Read the first 7 CSS Professional Development flashcards as text
Which at-rule applies styles only when certain viewport conditions are met?
Answer: @media
`@media` queries apply styles conditionally based on device or viewport features.
What is the purpose of the `@keyframes` rule?
Answer: Defining animation steps
`@keyframes` defines the intermediate states of a CSS animation.
Which property triggers GPU-accelerated compositing most reliably for smooth motion?
Answer: transform
Animating `transform` avoids layout/paint and can be GPU-composited for smoothness.
What does the `prefers-color-scheme` media feature detect?
Answer: User's light or dark mode preference
`prefers-color-scheme` reports whether the user prefers a light or dark interface.
Which media feature respects users who want minimal animation?
Answer: prefers-reduced-motion
`prefers-reduced-motion` lets you reduce or remove animations for sensitive users.
What does `transition: all 0.3s ease` apply a timed change to?
Answer: Any animatable property that changes
Using `all` transitions every animatable property that changes value.
Which timing function starts slow, speeds up, then slows down?
Answer: ease-in-out
`ease-in-out` accelerates at the start and decelerates at the end.