v136 · css

Card Builder

An interactive card builder that exposes every corner-shape dial: global shape, per-corner overrides, border-radius, superellipse(n) exponent, and design-token colours. Design a card and copy the generated CSS.

Feature detection Checking CSS.supports probes...
Controls
Corner mode
corner-shape for every corner
border-radius
20%
Card width
210px
Card background token
Media background token
Badge accent token
Live Preview
CSS
shape
Sample Card
corner-shape controls the curve used inside each rounded corner.

    

  


  

    
Edge Case Probe

    

      
Use the invalid exponent probe to compare author input against the parser before applying a value to the preview.

      
      
Not tested yet.

    

  


  

    
see also