67 lines
780 B
CSS
67 lines
780 B
CSS
@keyframes main {
|
|
from {
|
|
transform: translateY(50px);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@keyframes sticky {
|
|
0% {
|
|
transform: translateX(-50px);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0px) rotate(-1deg);
|
|
}
|
|
}
|
|
|
|
@keyframes sticky-odd {
|
|
0% {
|
|
transform: translateX(50px);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0px) rotate(1deg);
|
|
}
|
|
}
|
|
|
|
@keyframes date {
|
|
0% {
|
|
transform: translateX(-50px);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0px);
|
|
}
|
|
}
|
|
|
|
main, .comments {
|
|
animation: main 0.5s ease 0s 1;
|
|
}
|
|
|
|
nav {
|
|
animation: sticky 1s ease 0s 1;
|
|
}
|
|
|
|
nav.odd {
|
|
animation: sticky-odd 1s ease 0s 1;
|
|
}
|
|
|
|
nav.doodle{
|
|
animation: none;
|
|
}
|
|
|
|
.date {
|
|
animation: date 1s ease 0s 1;
|
|
}
|