Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
ideas:css3-exclusions-use-cases [2011/10/28 10:58] – [CSS Exclusions and Shapes] rossenideas:css3-exclusions-use-cases [2011/10/28 11:27] – [CSS Exclusions and Shapes] rossen
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.txt · Last modified: 2014/12/09 15:48 by 127.0.0.1
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki