This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| ideas:css3-exclusions-use-cases [2011/10/28 10:30] – [CSS Exclusions and Shapes] vhardy | ideas:css3-exclusions-use-cases [2014/12/09 15:48] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| Line 80: | Line 80: | ||
| wrap-flow: | wrap-flow: | ||
| wrap-margin: | wrap-margin: | ||
| - | wrap-shape: circle(50%, 50%, 30%); | + | shape-outside: circle(50%, 50%, 30%); |
| } | } | ||
| Line 91: | Line 91: | ||
| wrap-flow: | wrap-flow: | ||
| - | wrap-shape: rect(10%, 50%, 200px 200px); | + | shape-outside: rect(10%, 50%, 200px 200px); |
| } | } | ||
| Line 422: | Line 422: | ||
| < | < | ||
| < | < | ||
| - | <circle id="circle" cx=" | + | <circle id="myCircle" cx=" |
| <style type=" | <style type=" | ||
| /* with SVG shape */ | /* with SVG shape */ | ||
| #article{ | #article{ | ||
| - | shape-inside: | + | shape-inside: |
| wrap-padding: | wrap-padding: | ||
| background-image: | background-image: | ||
| Line 457: | Line 457: | ||
| /* with SVG shape */ | /* with SVG shape */ | ||
| # | # | ||
| - | | + | wrap-flow: right; |
| shape-outside: | shape-outside: | ||
| } | } | ||