muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +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;
background: 50% 50% no-repeat $content_bg;
background-size: cover;
overflow: hidden;
.is_hero {
.title {
@ -23,6 +24,16 @@
}
}
&:hover {
.thumbnail {
transform: scale(1.1);
}
.title {
opacity: 1;
transform: translate(0, -2px);
}
}
@include outer_shadow();
}
@ -81,6 +92,9 @@
.title {
padding: $gap / 2;
opacity: 0.2;
transform: translate(0, 0);
transition: opacity 0.5s 0.25s, transform 0.5s;
// max-height: 3.3em;
}
@ -144,7 +158,7 @@
z-index: 1;
border-radius: $cell_radius + 2px;
opacity: 0;
transition: opacity 0.5s;
transition: opacity 0.5s, transform 1s;
will-change: transform;
& > img {