|
|
@ -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); } |
|
|
|