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;
transform: rotate(-15deg) translateY(50px);
}
}
}
}
@@ -71,23 +71,28 @@ body {
}
.content {
.txt {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: $blue;
}
}
&:hover {
overflow: hidden;
position: relative;
.txt {
display: inline-flex;
justify-content: center;
align-items: left;
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;
}
}
}