clip-path-animation-fixed-position-ref.html (419B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 position: fixed; 5 top: 100px; 6 left: 100px; 7 width: 100px; 8 height: 100px; 9 background-color: green; 10 clip-path: circle(200% at 35% 35%); 11 } 12 13 .big { 14 position: absolute; 15 top: 100px; 16 width: 500px; 17 height: 500px; 18 background-color: blue; 19 } 20 </style> 21 22 <body> 23 <div class="container"> 24 <div class="big"></div> 25 </div> 26 </body> 27 28 </html>