28 lines
924 B
HTML
28 lines
924 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<title>Reference: Dynamic change to shape-outside</title>
|
|
<style>
|
|
.circle {
|
|
float: left;
|
|
width: 25vmin;
|
|
height: 25vmin;
|
|
background: #f06;
|
|
shape-outside: circle();
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="circle"></div>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
|
|
scelerisque pretium interdum. Nam rhoncus auctor consequat. Duis porta
|
|
tortor eu nibh efficitur, eget tempor tortor semper. Integer eu sem
|
|
placerat, sodales tortor at, ornare orci. Fusce id malesuada est. Aenean
|
|
mattis augue sapien. Fusce efficitur ante sed porttitor blandit. Nam
|
|
facilisis aliquam elit, ut consequat quam interdum sit amet. Integer
|
|
bibendum turpis at mi dapibus dictum. Donec id lorem arcu. Pellentesque
|
|
tortor nunc, semper a dui vel, maximus varius orci. Maecenas posuere
|
|
enim in tempor imperdiet.
|
|
</body>
|
|
</html>
|