muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed hero animations

Browse source
This commit is contained in:
Fedor Katurov 2019-10-24 17:35:59 +07:00
parent 72337142da
commit fb21057f8f
1 changed files with 13 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/flow/FlowHero/styles.scss
View file

@ -1,11 +1,11 @@
@keyframes rise {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(0, -10%);
}
}
// @keyframes rise {
// 0% {
// transform: translate(0, 0);
// }
// 100% {
// transform: translate(0, -10%);
// }
// }
.wrap {
width: 100%;
@ -23,14 +23,14 @@
width: 100%;
height: 150%;
display: none;
transition: opacity 2s;
transition: opacity 2s, transform linear 5s 2s;
background: 50% 50% no-repeat;
background-size: cover;
border-radius: $cell_radius;
z-index: 2;
opacity: 0;
cursor: pointer;
transform: translate(0, -10%);
transform: translate(0, 0);
&::after {
content: ' ';
@ -58,7 +58,9 @@
opacity: 1;
z-index: 3;
will-change: transform;
animation: rise 5s forwards;
// animation: rise 5s forwards;
transform: translate(0, -10%);
transition: opacity 2s, transform linear 5s;
}
}