dynamic-shape-outside-1-ref.html (924B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title>Reference: Dynamic change to shape-outside</title> 6 <style> 7 .circle { 8 float: left; 9 width: 25vmin; 10 height: 25vmin; 11 background: #f06; 12 shape-outside: circle(); 13 } 14 </style> 15 </head> 16 <body> 17 <div class="circle"></div> 18 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent 19 scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta 20 tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem 21 placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean 22 mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam 23 facilisis aliquam elit, ut consequat quam interdum sit amet. Integer 24 bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque 25 tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere 26 enim in tempor imperdiet. 27 </body> 28 </html>