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

changed flow cell animation

Browse source
This commit is contained in:
Fedor Katurov 2020-06-26 17:00:41 +07:00
parent 4d5d76cf63
commit 0033f53b53
1 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/flow/Cell/styles.scss
View file

@ -10,6 +10,7 @@
color: white; color: white;
background: 50% 50% no-repeat $content_bg; background: 50% 50% no-repeat $content_bg;
background-size: cover; background-size: cover;
overflow: hidden;
.is_hero { .is_hero {
.title { .title {
@ -23,6 +24,16 @@
} }
} }
&:hover {
.thumbnail {
transform: scale(1.1);
}
.title {
opacity: 1;
transform: translate(0, -2px);
}
}
@include outer_shadow(); @include outer_shadow();
} }
@ -81,6 +92,9 @@
.title { .title {
padding: $gap / 2; padding: $gap / 2;
opacity: 0.2;
transform: translate(0, 0);
transition: opacity 0.5s 0.25s, transform 0.5s;
// max-height: 3.3em; // max-height: 3.3em;
} }
@ -144,7 +158,7 @@
z-index: 1; z-index: 1;
border-radius: $cell_radius + 2px; border-radius: $cell_radius + 2px;
opacity: 0; opacity: 0;
transition: opacity 0.5s; transition: opacity 0.5s, transform 1s;
will-change: transform; will-change: transform;
& > img { & > img {