読者です 読者をやめる 読者になる 読者になる

わすれた.log

忘れては検索して、そしてまた忘れるその過ちを繰り返さない為に…

css3のanimaがAndroidで動かない

Androidでのキーフレームアニメーション
一部が以下の内容でないと動かない

×動かない

div.sample {
animation-name: anime1;
animation-duration: 5s;
}

@keyframes anime1 {
0% {width: 50px; height: 50px; background-color: aqua;}
100% {width: 200px; height: 50px; background-color: blue;}
}

○動いた

div.sample {
animation-name: anime2;
animation-duration: 5s;
}

@keyframes anime2 {
from% {width: 50px; height: 50px; background-color: aqua;}
99.9%,to {width: 200px; height: 50px; background-color: blue;}
}