Made with: HTML,CSS (SCSS)
Made with: HTML,CSS,JS
Made with: HTML,CSS
A base model of a CSS Venn diagram that is accessible, responsive, and uses progressive enhancement.
Use clip-path and shape-outside for wrapping your text round an image.
A simple example of "CSS Shapes" (i.e. the shape-outside property) in action with some text.
Experimenting with shape-outside within a layout. Somewhat responsive.
Experimenting with shape-outside within a layout.
Using shape-outside you can wrap text around a shape, but adding clip-path allows for the shape to be cut out from the whole.
Demo of shape-outside: ellipse();
Please drag the circles to reshape the polygon.