Android標準ブラウザはcontentプロパティを使用すると動作しない
.s {
content: "";
width: 50px;
height: 50px;
border-radius: 50%;
background: #C00;
-webkit-animation: foo 2s infinite alternate;
animation: foo 2s infinite alternate;
}
@-webkit-keyframes foo {
0% {
-webkit-transform: translate(0, 0);
}
100% {
-webkit-transform: translate(200px, 0);
}
}
@keyframes foo {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(200px, 0);
}
}
contentプロパティを付けないと動作する
.ss {
width: 50px;
height: 50px;
border-radius: 50%;
background: #C00;
-webkit-animation: foo 2s infinite alternate;
animation: foo 2s infinite alternate;
}
@-webkit-keyframes foo {
0% {
-webkit-transform: translate(0, 0);
}
100% {
-webkit-transform: translate(200px, 0);
}
}
@keyframes foo {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(200px, 0);
}
}