https://css-shape.com/spiral/
CSS Shape: Spiral
A CSS-only Spiral shape made with a single-element and modern CSS.
css shapespiral
https://css-shape.com/hamburger-menu/
CSS Shape: Hamburger Menu
A CSS-only Hamburger Menu shape made with a single-element and modern CSS.
css shapehamburgermenu
https://css-shape.com/pin/
CSS Shape: Pin
A CSS-only Pin shape made with a single-element and modern CSS.
css shapepin
https://css-shape.com/cube/
CSS Shape: Cube
A CSS-only Cube shape made with a single-element and modern CSS.
css shapecube
https://css-shape.com/thunder/
CSS Shape: Thunder
A CSS-only Thunder shape made with a single-element and modern CSS.
css shapethunder
https://css-shape.com/breadcrumb/
CSS Shape: Breadcrumb
A CSS-only Breadcrumb shape made with a single-element and modern CSS.
css shapebreadcrumb
https://css-shape.com/rounded-edge/
CSS Shape: Rounded Edge
A CSS-only Rounded Edge shape made with a single-element and modern CSS.
css shaperoundededge
https://css-shape.com/plus/
CSS Shape: Plus
A CSS-only Plus shape made with a single-element and modern CSS.
css shapeplus
https://css-shape.com/circle-cut/
CSS Shape: Circle Cut
A CSS-only Circle Cut shape made with a single-element and modern CSS.
css shapecirclecut
https://css-shape.com/heart/
CSS Shape: Heart
A CSS-only Heart shape made with a single-element and modern CSS.
css shapeheart
https://css-shape.com/sparkle/
CSS Shape: Sparkle
A CSS-only Sparkle shape made with a single-element and modern CSS.
css shapesparkle
https://css-shape.com/matrix-cubes/
CSS Shape: Matrix of cubes
A CSS-only Matrix of cubes shape made with a single-element and modern CSS.
css shapematrixcubes
https://css-shape.com/vertical-rounded-tab/
CSS Shape: Vertical Rounded Tab
A CSS-only Vertical Rounded Tab shape made with a single-element and modern CSS.
css shapeverticalroundedtab
https://css-shape.com/rhombus/
CSS Shape: Rhombus
A CSS-only Rhombus shape made with a single-element and modern CSS.
css shaperhombus
https://css-shape.com/arc/
CSS Shape: Arc
A CSS-only Arc shape made with a single-element and modern CSS.
css shapearc
https://caniwebview.com/features/mdn-css-property-cornerblockendshape/
Can I WebView… CSS property: corner-block-end-shape
CSS property: corner-block-end-shape
corner blockcsspropertyendshape
https://css-tricks.com/better-css-shapes-using-shape-part-3-curves/
Better CSS Shapes Using shape() — Part 3: Curves | CSS-Tricks
Jul 7, 2025 - This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look...
better cssshapesusingpartcurves
https://caniwebview.com/features/mdn-css-property-bordershape/
Can I WebView… CSS property: border-shape
CSS property: border-shape
csspropertybordershape
https://path-to-shape.netlify.app/?ref=tiny-helpers
Path to CSS Shape
Convert SVG path data to CSS shape() function.
pathcssshape
https://modern-css.com/reference/types/corner-shape-value/
corner-shape-value | CSS Types & Functions
Represents the specific keywords (like 'round', 'angle', 'bevel') that define how a corner should be shaped.
cornershapevaluecsstypes
https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything...
https://lists.w3.org/Archives/Public/public-css-archive/2018Jun/0349.html
Re: [csswg-drafts] [css-shapes] Allow shape-outside to apply to initial letter from Alan Stearns...
https://caniwebview.com/features/mdn-css-property-cornerinlinestartshape/
Can I WebView… CSS property: corner-inline-start-shape
CSS property: corner-inline-start-shape
csspropertycornerinlinestart
https://modern-css.com/reference/properties/corner-left-shape/
corner-left-shape | CSS CSS Properties
An experimental physical shorthand to set the shape of both left corners (top-left and bottom-left) simultaneously.
cornerleftshapecssproperties
https://caniwebview.com/features/mdn-css-type-basicshape-xywh/
Can I WebView… CSS type: basic-shape: xywh
CSS type: basic-shape: xywh
csstypebasicshape
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/shape-outside
shape-outside CSS property - CSS | MDN
The shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps...
shapeoutsidecsspropertymdn
https://caniwebview.com/features/mdn-css-property-shaperendering/
Can I WebView… CSS property: shape-rendering
CSS property: shape-rendering
csspropertyshaperendering
https://css3shapes.com/how-to-use-shape-margin-with-shape-outside/
How to Use shape-margin with shape-outside - Pure CSS Shapes: A Developer Resource | CSS3 Shapes
Nov 15, 2025 - Text wraps feel flat when every floated image forces a rectangular gutter. The CSS Shapes module fixes that with shape-outside, and shape-margin is the dial
how to use
https://www.cssshowcases.com/tag/body-shape/
Body Shape | CSS Showcases Gallery
body shapecssshowcasesgallery
https://caniwebview.com/features/mdn-css-type-basicshape-inset/
Can I WebView… CSS type: basic-shape: inset
CSS type: basic-shape: inset
csstypebasicshapeinset
https://www.web4college.com/how-to-make/web4-css-rounded-comment-shape.php
CSS comment shape to add a comment
Web4College offers free tutorials to learn web development in an easy way. HTML tags, attributes, and CSS properties are presented in a way so that anyone can...
csscommentshapeadd
https://caniwebview.com/features/mdn-css-type-basicshape-animation/
Can I WebView… CSS type: basic-shape: animation
CSS type: basic-shape: animation
csstypebasicshapeanimation
https://modern-css.com/reference/properties/corner-right-shape/
corner-right-shape | CSS CSS Properties
An experimental physical shorthand to set the shape of both right corners (top-right and bottom-right) simultaneously.
cornerrightshapecssproperties
https://lists.w3.org/Archives/Public/public-css-archive/2018Jun/0335.html
Re: [csswg-drafts] [css-shapes] Allow shape-outside to apply to initial letter from Alan Stearns...
https://bcd-training.deno.dev/feature?id=css.types.basic-shape.path
Feature: css.types.basic-shape.path
A summary of Browser Compat Data for css.types.basic-shape.path
featurecsstypesbasicshape
https://css-pattern.com/l-shape/
CSS Pattern: L Shape
L shape pattern made with CSS gradients, an optimized code and modern CSS.
css patternlshape
https://lists.w3.org/Archives/Public/public-css-archive/2018Jun/0324.html
Re: [csswg-drafts] [css-shapes] Allow shape-outside to apply to initial letter from fantasai via...
https://caniwebview.com/features/mdn-css-property-cornerbottomshape/
Can I WebView… CSS property: corner-bottom-shape
CSS property: corner-bottom-shape
csspropertycornerbottomshape
https://modern-css.com/reference/properties/corner-end-start-shape/
corner-end-start-shape | CSS CSS Properties
An experimental property to set the shape of the corner at the end of the block axis and start of the inline axis (usually the bottom-left corner).
cornerendstartshapecss