Css shape-outside

/* Keyword values */
shape-outside: none;
shape-outside: margin-box;
shape-outside: content-box;
shape-outside: border-box;
shape-outside: padding-box;

/* Function values */
shape-outside: circle();
shape-outside: ellipse();
shape-outside: inset(10px 10px 10px 10px);
shape-outside: polygon(10px 10px, 20px 20px, 30px 30px);
shape-outside: path('M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z');

/* <url> value */
shape-outside: url(image.png);

/* <gradient> value */
shape-outside: linear-gradient(45deg, rgba(255, 255, 255, 0) 150px, red 150px);

/* Global values */
shape-outside: initial;
shape-outside: inherit;
shape-outside: revert;
shape-outside: unset;

Source: developer.mozilla.org

Similar codes

0 vote186 views1 answer
Menu multiple colums batch
CSS
2 votes200 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
2 votes254 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
2 votes187 views2 answers
Css grid make all rows same height
CSS
2 votes195 views1 answer
Beautiful navigation bar css
CSS
5 votes179 views3 answers
How to make a linear gradient in css
CSS
1 vote187 views1 answer
Lower image brightness css
CSS
24 votes179 views3 answers
Css remove outline
CSS
-2 votes200 views1 answer
Reduce image size on mobile view css
CSS
164 votes239 views4 answers
Html head css link
CSS