CSS Animation & Design · page 10
CSS animations, transitions, visual effects, colors, shadows, gradients and design tools.
343 tools in this category
Set hole position and radius to get mask CSS that punches a transparent circle in an overlay.
Set scallop size and repeat to get radial-gradient background CSS for scalloped borders.
Set tooth height and angle to get repeating-linear-gradient CSS for zigzag dividers.
Set notch radius and spacing to get radial-gradient CSS for perforated ticket edges.
Set amplitude and thickness to get wavy underline CSS via background gradients where text-decoration fails.
Set roughness to get jagged mask CSS for torn-paper section edges.
Set size and colors to get folded ribbon-corner CSS using gradient shading.
Set widths, colors, and angle to get repeating-linear-gradient stripe background CSS.
Set dot size, spacing, and colors to get radial-gradient polka-dot background CSS.
Set square size and colors to get conic-gradient checkerboard background CSS.
Set cell size and line color to get blueprint-style grid background CSS with major and minor lines.
Set stripe thickness and angle to get subtle hatch background CSS for disabled or placeholder areas.
Set diamond size and colors to get argyle repeating-gradient background CSS.
Layer stripe gradients to get tartan plaid background CSS with transparent overlaps.
Set dot density ramp to get halftone background CSS that fades like printed shading.
Set weave scale to get carbon-fiber background CSS from layered gradients.
Set brick size and mortar color to get offset-brick background CSS.
Set ray count and colors to get conic-gradient sunburst background CSS.
Set cube size to get isometric cube-grid background CSS from layered gradients.
Set bar widths and randomness to get barcode-style stripe background CSS.
Set dash length and gap to get border-image repeating-gradient CSS that follows any border radius.
Set outline width and offset to get double-frame styles that never affect layout flow.
Set colors and thickness to get one-pixel gradient divider CSS with crisp rendering tips.
Set padding and caption space to get polaroid-style photo frame CSS with a slight rotation.