Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
ideas:css3-exclusions-use-cases [2011/10/28 10:30]
vhardy [CSS Exclusions and Shapes]
ideas:css3-exclusions-use-cases [2014/12/09 15:48] (current)
Line 80: Line 80:
  wrap-flow:​ both;   wrap-flow:​ both; 
  wrap-margin:​ 10px;  wrap-margin:​ 10px;
- wrap-shape: circle(50%, 50%, 30%);    ​+ shape-outside: circle(50%, 50%, 30%);    ​
  }  }
   
Line 91: Line 91:
   
  wrap-flow:​ both;  ​  wrap-flow:​ both;  ​
- wrap-shape: rect(10%, 50%, 200px 200px);+ shape-outside: rect(10%, 50%, 200px 200px);
  
   
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); ​
Line 457: Line 457:
  /* with SVG shape */  /* with SVG shape */
  #​dropMany{ ​     ​  #​dropMany{ ​     ​
-     ​wrap-flow: right;+ wrap-flow: right;
  shape-outside:​ polygon(0px,​0px 280px,0px 220px,125px 0px,125px);  shape-outside:​ polygon(0px,​0px 280px,0px 220px,125px 0px,125px);
  }  ​  }  ​
 
ideas/css3-exclusions-use-cases.1319823016.txt.gz · Last modified: 2014/12/09 15:48 (external edit)
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki