1

次の CSS は理論的には最新の Chrome ビルドで機能するはずです...奇妙なことに、不透明度は適切にアニメーション化されますが、transform:rotate は無視されます。これは移行できませんか？

@-webkit-keyframes offblink {
  0% {
    -webkit-transform: rotate(45deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: rotate(180deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(270deg);
    opacity: 0;
  }
}
.test {
  -webkit-animation-name: offblink;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
4

1 に答える 1

2

解決しました。私はこのテストケースを持っていました:

<div>anim only this: <span class="test">+</span></div>

これを追加することでのみ機能しました：

.test { display: inline-block; }
于 2011-06-21T02:56:54.513 に答える