lbry-desktop/ui/scss/component/_animation.scss

92 lines
1 KiB
SCSS
Raw Normal View History

@keyframes expand {
0% {
margin-top: 200px;
opacity: 0;
}
100% {
margin-top: $spacing-vertical;
opacity: 1;
}
}
@keyframes loading-animation {
0% {
background-position: -500px 0;
}
100% {
background-position: 500px 0;
}
}
@keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
@keyframes bounce {
0% {
width: 0;
}
10% {
width: 0.5rem;
}
20% {
width: 0;
}
30% {
width: 0.5rem;
}
40% {
width: 0;
}
}
2019-08-21 22:54:44 +02:00
@keyframes menu-animate-in {
0% {
transform: scaleY(0);
2019-08-21 22:54:44 +02:00
opacity: 0;
}
100% {
transform: scaleY(1);
2019-08-21 22:54:44 +02:00
opacity: 1;
}
}
2020-08-10 22:47:39 +02:00
@keyframes shadow-pulse {
0% {
background-color: rgba(37, 119, 97, 0.2);
box-shadow: 0 0 0 0px rgba(37, 119, 97, 0.2);
}
100% {
background-color: rgba(37, 119, 97, 0);
box-shadow: 0 0 0 35px rgba(37, 119, 97, 0);
}
}