clip-path-animation-forward-fill-positive-delay-ref.html (344B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 width: 100px; 5 height: 100px; 6 background-color: green; 7 position: absolute; 8 left: 10px; 9 top: 10px; 10 } 11 .child { 12 width: 10px; 13 height: 10px; 14 background-color: blue; 15 left: 150px; 16 position: absolute; 17 } 18 </style> 19 <body> 20 <div class="container"> 21 <div class="child"></div> 22 </div> 23 </body> 24 </html>