third_party/WebKit/LayoutTests/animations/skew-notsequential-compositor.html

   1 <!DOCTYPE html>
   2 <style>
   3 div {
   4   width: 100px;
   5   height: 100px;
   6   border: solid;
   7   margin: 50px;
   8   position: absolute;
   9   will-change: transform;
  10 }
  11
  12 #test {
  13   border-color: green;
  14
  15   animation-name: anim;
  16   animation-duration: 2e10s;
  17   animation-delay: -1e10s;
  18   animation-fill-mode: forwards;
  19   animation-timing-function: linear;
  20 }
  21
  22 @keyframes anim {
  23   from {
  24     transform: skew(-45deg, 45deg);
  25   }
  26   to {
  27     transform: skew(-45deg, 45deg);
  28   }
  29 }
  30 </style>
  31
  32 <div id="test"></div>