opacity-animation-in-fixed-opacity-parent.html (655B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title>Testcase, bug 1395151</title> 6 <style type="text/css"> 7 @keyframes test-anim { 8 from { opacity : 1 } 9 to { opacity : 1 } 10 } 11 12 .ok { 13 background : #0f0; 14 height : 40px; 15 width : 40px; 16 } 17 18 .error { 19 opacity : .001; 20 height : 100%; 21 width : 100%; 22 } 23 24 .error > span { 25 animation : test-anim 1s linear infinite; 26 background : #f00; 27 content : ""; 28 display : block; 29 height : 100%; 30 width : 100%; 31 } 32 </style> 33 </head> 34 <body> 35 <div class="ok"> 36 <div class="error"><span></span></div> 37 </div> 38 </body> 39 </html>