animate.css/source/rotateInDownRight.css
2011-10-14 13:39:11 +01:00

62 lines
No EOL
1.1 KiB
CSS

@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-ms-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}