Bug 27652 – REGRESSION(r46105-r46282): Bad rendering with scaled tiled layer

• Status: NEW
• Component: CSS

2D scale animation just became laggy and full of glitches in webkit nightly (while still rendering perfectly in the current release of safari)

You can see it in this animation when the star wars title shows :
http://esquevin.com/starwars.html

[Simon Fraser (smfr)]

Can you attach a screenshot of the glitches? Thanks.

Created attachment 33650 [details]
Glitches on scaled text during animation

Here is the CSS I use on this text. It runs perfectly and smoothly in the latest safari, but is buggy and laggish in webkit nightly

@-webkit-keyframes title {
  0% {
    opacity:1;
    -webkit-transform: scale(5);
  }
  80% {
    -webkit-transform: scale(1);  
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.05);
  }
}

h1 {
  text-transform: uppercase;
  font-size: 10em;
  font-family: "arial bold";
  letter-spacing: -0.1em;
  width: 4em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -2em;
  line-height: 0.7;
  text-align: center;
  -webkit-text-stroke: 0.05em #FFCC00;
  color: transparent;
  opacity: 0;
  -webkit-animation: title 7s 1 linear;
  -webkit-animation-delay: 3s;
}

[Simon Fraser (smfr)]

<rdar://problem/6976837>