stacking-context-paused-on-opacity-1.html 421 B

12345678910111213141516171819202122232425
  1. <!DOCTYPE html>
  2. <title>
  3. Transform animation creates a stacking context even though it's paused on
  4. a 100% opacity keyframe
  5. </title>
  6. <style>
  7. span {
  8. height: 100px;
  9. width: 100px;
  10. position: fixed;
  11. background: green;
  12. top: 50px;
  13. }
  14. @keyframes Opaque {
  15. from, to { opacity: 1 }
  16. }
  17. #test {
  18. width: 100px; height: 100px;
  19. background: blue;
  20. animation: Opaque 100s paused;
  21. }
  22. </style>
  23. <span></span>
  24. <div id="test"></div>