animeblock

This commit is contained in:
2019-02-07 18:52:09 +01:00
parent 4a79849a36
commit 6e9882be16
4 changed files with 23 additions and 17 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -161,7 +161,6 @@ header{
position: absolute; position: absolute;
transform: rotate(-15deg) translateY(50px); transform: rotate(-15deg) translateY(50px);
} }
} }
} }
} }
@@ -71,23 +71,28 @@ body {
} }
.content { .content {
.txt { overflow: hidden;
display: none; position: relative;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: $blue;
}
}
&:hover {
.txt { .txt {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: left; align-items: left;
flex-direction: column; flex-direction: column;
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: 0;
background: transparent;
transition: top 1s ease;
}
}
&:hover {
.txt {
transition: top 1s ease;
top: 0;
background: $blue;
} }
} }
} }