muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +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 { // @keyframes rise {
0% { // 0% {
transform: translate(0, 0); // transform: translate(0, 0);
} // }
100% { // 100% {
transform: translate(0, -10%); // transform: translate(0, -10%);
} // }
} // }
.wrap { .wrap {
width: 100%; width: 100%;
@ -23,14 +23,14 @@
width: 100%; width: 100%;
height: 150%; height: 150%;
display: none; display: none;
transition: opacity 2s; transition: opacity 2s, transform linear 5s 2s;
background: 50% 50% no-repeat; background: 50% 50% no-repeat;
background-size: cover; background-size: cover;
border-radius: $cell_radius; border-radius: $cell_radius;
z-index: 2; z-index: 2;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
transform: translate(0, -10%); transform: translate(0, 0);
&::after { &::after {
content: ' '; content: ' ';
@ -58,7 +58,9 @@
opacity: 1; opacity: 1;
z-index: 3; z-index: 3;
will-change: transform; will-change: transform;
animation: rise 5s forwards; // animation: rise 5s forwards;
transform: translate(0, -10%);
transition: opacity 2s, transform linear 5s;
} }
} }