mam-project-templates
Version:
my personal templating projects
37 lines (30 loc) • 538 B
CSS
@keyframes rotate-in-sm {
0% {
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-sm {
animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(45deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-sm {
animation-name: rotate-out-sm;
}