Test your knowledge of CSS with these interactive multiple-choice questions.
41. Which CSS property creates smooth transitions between property changes?
transition: all 0.3s ease animates property changes smoothly.
42. Which CSS property defines how long a transition takes?
transition-duration: 0.5s sets the animation length.
43. Which CSS property rotates an element?
transform: rotate(45deg) rotates elements by specified degrees.
44. Which CSS property scales an element's size?
transform: scale(1.2) enlarges elements by 20%.
45. Which CSS property moves an element along the X/Y axis?
transform: translate(10px, 20px) repositions elements.
46. Which CSS property skews an element?
transform: skew(20deg) distorts elements along axes.
47. Which CSS property defines the origin for transformations?
transform-origin: top left sets the pivot point for transforms.
48. Which CSS property creates keyframe animations?
animation: slide 2s infinite applies keyframe animations.
49. Which CSS rule defines animation keyframes?
@keyframes slide { from { ... } to { ... } } declares animation steps.
50. Which CSS property controls animation iteration count?
animation-iteration-count: 3 or infinite sets repeats.
51. Which CSS property makes elements respond to viewport width?
@media (max-width: 768px) { ... } creates responsive layouts.
52. Which CSS unit is relative to viewport width?
1vw = 1% of viewport width (e.g., width: 50vw).
53. Which CSS unit is relative to viewport height?
1vh = 1% of viewport height (e.g., height: 100vh).
54. Which CSS feature targets high-resolution displays?
@media (min-resolution: 2dppx).
55. Which CSS property adapts images to container size?
object-fit: cover|contain controls image scaling within containers.
56. Which CSS property creates multi-column text flow?
column-count: 3 splits content into columns.
57. Which CSS property controls column gaps?
column-gap: 20px sets space between columns.
58. Which CSS property forces content to the next column?
break-after: column forces a column break.
59. Which CSS property creates a sticky header?
position: sticky; top: 0 makes elements stick when scrolling.
60. Which CSS property controls text hyphenation?
hyphens: auto enables automatic hyphenation.