Results for “computed”
Small, practical examples. Search by task or narrow things down below.
Respect reduced motion
Disable a CSS animation when the user prefers reduced motion.
CSS✓ Tested
Reuse a CSS custom property
CSS: Learn how to reuse a CSS custom property in a complete browser example.
CSS✓ Tested
Reuse colors with custom properties
Define a CSS custom property and use it for text color.
CSS✓ Tested
Rotate a rectangular box around its center
CSS: A ninety-degree transform swaps the visible bounding-box width and height.
CSS✓ Tested
Round a box’s corners
CSS: Border-radius changes the corner shape without changing its rectangular layout dimensions.
CSS✓ Tested
Round a panel’s corners
CSS: Learn how to round a panel’s corners in a complete browser example.
CSS✓ Tested
Scale a value from the root font size
CSS: Rem units follow the document root instead of accumulating through nested font sizes.
CSS✓ Tested
Scale text within limits
Use CSS clamp to bound responsive font sizing.
CSS✓ Tested
Scroll wide code locally
Keep long code inside a horizontally scrollable CSS container.
CSS✓ Tested
Separate an underline from the text
CSS: Text-underline-offset improves the gap between letters and a decorative underline.
CSS✓ Tested
Separate flex children with a gap
CSS: Learn how to separate flex children with a gap in a complete browser example.
CSS✓ Tested
Set a readable font size
CSS: Learn how to set a readable font size in a complete browser example.
CSS✓ Tested