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); |