@ -27,8 +27,16 @@
}
.cube {
transform: rotate3d(1, 0, 0, 90deg);
transition: 4s;
animation: tourner 1s ease-in-out;
@keyframes tourner {
0%{
transform: rotate3d(1, 0, 0, 0);
100%{
transform: rotate3d(1, 0, 0, 360deg);
.cube__face--0 { background: hsla( 0, 100%, 50%, 1); }