129 lines
1.6 KiB
SCSS
129 lines
1.6 KiB
SCSS
@keyframes rotation {
|
|
from {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
@keyframes translateright{
|
|
0%{
|
|
right: -50px;
|
|
color: transparent;
|
|
display: none;
|
|
}
|
|
|
|
30%{
|
|
right: 150px;
|
|
color: transparent;
|
|
display: block;
|
|
}
|
|
|
|
100%{
|
|
right: 200px;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
@keyframes translateleft{
|
|
0%{
|
|
right: 200px;
|
|
color: white;
|
|
display: block;
|
|
}
|
|
30%{
|
|
right: 150px;
|
|
color: transparent;
|
|
}
|
|
|
|
100%{
|
|
right: -200px;
|
|
color: transparent;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@keyframes reducH{
|
|
0%{
|
|
font-size: $fh1;
|
|
-webkit-text-stroke : 1px;
|
|
color: transparent;
|
|
line-height: 5rem;
|
|
}
|
|
|
|
70%{
|
|
-webkit-text-stroke : 1px;
|
|
color: black;
|
|
// line-height: 6.5rem;
|
|
|
|
}
|
|
|
|
100%{
|
|
font-size: $min-h1;
|
|
-webkit-text-stroke : 0px;
|
|
color: black;
|
|
line-height: 5rem;
|
|
}
|
|
}
|
|
|
|
@keyframes translateY{
|
|
0%{
|
|
transform: translateY(0px);
|
|
opacity: 1;
|
|
}
|
|
|
|
100%{
|
|
transform: translateY(-20px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes showcatlist {
|
|
0%{
|
|
width: 0;
|
|
box-shadow: 0px 0px 0px 0px black;
|
|
opacity: 1;
|
|
}
|
|
|
|
100%{
|
|
width: 100%;
|
|
box-shadow: 0px -2px 0px -2px black;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes showborder {
|
|
0%{
|
|
width: 0;
|
|
background: black;
|
|
}
|
|
100%{
|
|
width: 100%;
|
|
background: black;
|
|
}
|
|
}
|
|
|
|
@keyframes ultranslate {
|
|
0%{
|
|
opacity: 0;
|
|
transform: translateX(0px);
|
|
}
|
|
100%{
|
|
opacity: 1;
|
|
transform: translateX(10px);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes showcard {
|
|
0%{
|
|
opacity: 0;
|
|
|
|
}
|
|
100%{
|
|
opacity: 1;
|
|
|
|
}
|
|
}
|