34 lines
962 B
SCSS
34 lines
962 B
SCSS
.perspectiveRight {
|
|
-webkit-animation-name: perspectiveRight;
|
|
animation-name: perspectiveRight;
|
|
}
|
|
@-webkit-keyframes perspectiveRight {
|
|
0% {
|
|
-webkit-transform-origin: 100% 0;
|
|
transform-origin: 100% 0;
|
|
-webkit-transform: perspective(800px) rotateY(0deg);
|
|
transform: perspective(800px) rotateY(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform-origin: 100% 0;
|
|
transform-origin: 100% 0;
|
|
-webkit-transform: perspective(800px) rotateY(180deg);
|
|
transform: perspective(800px) rotateY(180deg);
|
|
}
|
|
}
|
|
@keyframes perspectiveRight {
|
|
0% {
|
|
-webkit-transform-origin: 100% 0;
|
|
transform-origin: 100% 0;
|
|
-webkit-transform: perspective(800px) rotateY(0deg);
|
|
transform: perspective(800px) rotateY(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform-origin: 100% 0;
|
|
transform-origin: 100% 0;
|
|
-webkit-transform: perspective(800px) rotateY(180deg);
|
|
transform: perspective(800px) rotateY(180deg);
|
|
}
|
|
}
|