This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
ideas:css3-exclusions-use-cases [2011/10/28 11:02]
rossen [CSS Exclusions and Shapes]
ideas:css3-exclusions-use-cases [2011/10/28 11:27]
rossen [CSS Exclusions and Shapes]
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); ​
ideas/css3-exclusions-use-cases.txt · Last modified: 2014/12/09 15:48 (external edit)
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki