css3 - CSS animation rotating in unexpected way -
I think my junior high maths are failing me.
I want to rotate the two There is some confusion about my original Bela, so I updated it with an image. Each half of the two Here is Bela (Chrome only): They are going in opposite directions Add perspective to see it better div s around the Y axis in different directions. I have made these two animations:
@ - WebKit-keyframe first {0% {-webkit-transform: rotateY (0); } 100% {-webkit-transform: rotateY (-90 degrees); }} @ -WebKit-keyframe seconds {0% {-bbkit-transform: rotated Y (0);} 100% {-webkit-transform: rotated Y (90 degree); }}
div will show the image. My idea is that every half image will rotate in opposite directions in the opposite direction of the y-axis unless they both disappear. It does not seem to be happening, they start moving together.
.space {-webkit-affected: 1000px; }
Comments
Post a Comment