Div преобразует и поверните анимации в React.js/HTML/CSS ⇐ CSS

[Anonymous]

Я хочу оживить DOV в HTML и CSS. Я что-то пробовал, но это не работает, так как у моих DOV есть 2 типа анимации за раз.

Код: Выделить всё

div.container {
height: 200px;
border: 2px solid #ddd;
padding: 5px;
display: inline-block;
}
div.stone {
height: 20px;
width: 20px;
border: 1px solid #bbb;
border-radius: 4px;
display: inline-block;
float: left;
margin-left: 5px;
color: white;
padding: 10px;
text-align: center;
font-size: 18px;
background-color: #fa7878;
-webkit-animation: spin 1s linear;
-moz-animation: spin 1s linear;
animation: spin 1s linear;
}

@-moz-keyframes spin {
0% {
-moz-transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
10% {
-webkit-transform: rotate(360deg);
}
}

@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

div.stone:first-child {
/* sepatrate animation code */
}< /code>

R
E
D
B
O
O
K

Подробнее здесь: https://stackoverflow.com/questions/592 ... s-html-css