leader22 https://blog.hatena.ne.jp/leader22/ console.lealog(); https://lealog.hateblo.jp/ CSS3 なんか動いたり動かなかったり動かなかったり・・・。 動いたかと思えば一見まったく関係なさそうなとこがご乱心なさったり・・。 コレがWeb業界に生きるということか！ というわけで、keyframeアニメーションの指定の際に、気をつけたい点と、アンチパターンのメモ。 動いた @-webkit-keyframes 'hop' { 0% { -webkit-transform: translate3d(0,0,0);opacity: 0; } 5% { -webkit-transform: translate3d(0,0,0);opacity: 1; } 90% { -webkit-transform… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flealog.hateblo.jp%2Fentry%2F2013%2F03%2F06%2F234023" title="Android 2.x系でのCss3アニメーション - console.lealog();" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-03-06 23:40:23 rich https://lealog.hateblo.jp/entry/2013/03/06/234023 1.0 100%