animation-name-in-nested-shadow-ref.html (587B)
1 <style> 2 3 div { 4 position: absolute; 5 left: 0; 6 top: 0; 7 } 8 9 #red { 10 width: 300px; 11 height: 300px; 12 background-color: red; 13 } 14 15 #lightgreen { 16 width: 300px; 17 height: 100px; 18 background-color: lightgreen; 19 } 20 21 #green { 22 left: 100px; 23 top: 100px; 24 width: 200px; 25 height: 100px; 26 background-color: green; 27 } 28 29 #darkgreen { 30 left: 200px; 31 top: 200px; 32 width: 100px; 33 height: 100px; 34 background-color: darkgreen; 35 } 36 37 </style> 38 <div id="red"></div> 39 <div id="lightgreen"></div> 40 <div id="green"></div> 41 <div id="darkgreen"></div>