All tools · page 86

Calculate percentage-based widths and positions.

Calculate content, padding, border, and total element dimensions.

Generate CSS Grid container and item rules.

Build flex container and item declarations.

Demonstrate how free space is distributed among flex items.

Explore masonry-style layouts using supported CSS or fallback techniques.

Generate scroll-margin rules for anchored sections.

Create smooth-scrolling styles with reduced-motion considerations.

Compare `cover`, `contain`, and other object-fit settings.

Create layered gradients that approximate mesh-style backgrounds.

Configure border width, style, and color.

Create different corner radii for distinctive shapes.

Build outline styles for focus indicators and decorative borders.

Create circular rings using borders, outlines, and shadows.

Create polygon, circle, ellipse, and inset clipping shapes.

Build CSS mask declarations for shapes and gradients.

Generate `shape-outside` rules for wrapped text layouts.

Edit polygon points and export `clip-path` coordinates.

Create organic blob shapes using SVG or CSS techniques.

Generate triangles using borders or clipping paths.

Build corner ribbons and banner effects.

Generate masked and clipped text-reveal effects.

Generate CSS for simple scroll-linked parallax-style effects.

Build motion-path declarations for moving elements along paths.