This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ideas:css3-exclusions-use-cases [2011/10/28 11:02] rossen [CSS Exclusions and Shapes] |
ideas:css3-exclusions-use-cases [2014/12/09 15:48] (current) |
||
|---|---|---|---|
| Line 422: | Line 422: | ||
| <html> | <html> | ||
| <head> | <head> | ||
| - | <circle id="circle" cx="50%" cy="50%" width="50%" height="50%" /> | + | <circle id="myCircle" cx="50%" cy="50%" width="50%" height="50%" /> |
| <style type="text/css"> | <style type="text/css"> | ||
| /* with SVG shape */ | /* with SVG shape */ | ||
| #article{ | #article{ | ||
| - | shape-inside: url(#circle); | + | shape-inside: url(#myCircle); |
| wrap-padding: 10px; | wrap-padding: 10px; | ||
| background-image: url(airplane.png); | background-image: url(airplane.png); | ||