animate-layer-scale-inherit-1.html 498 B

12345678910111213141516171819202122232425262728
  1. <!DOCTYPE HTML>
  2. <title>Testcase, bug 1122526</title>
  3. <style>
  4. #outer, #inner {
  5. display: inline-block;
  6. background: white;
  7. color: black;
  8. }
  9. #outer { transform: scale(5) }
  10. #inner { animation: HoldTransform linear infinite 1s }
  11. #inner {
  12. vertical-align: top;
  13. height: 100px;
  14. width: 100px;
  15. background: repeating-linear-gradient(to top left, yellow, blue 10px);
  16. }
  17. @keyframes HoldTransform {
  18. from, to { transform: scale(0.2) }
  19. }
  20. </style>
  21. <div id="outer">
  22. <div id="inner">
  23. </div>
  24. </div>