|
@@ -71,23 +71,28 @@ body {
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
.txt {
|
|
|
- display: none;
|
|
|
+ display: inline-flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: left;
|
|
|
+ flex-direction: column;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- top: 0;
|
|
|
+ top: -100%;
|
|
|
left: 0;
|
|
|
- background: $blue;
|
|
|
+ background: transparent;
|
|
|
+ transition: top 1s ease;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:hover {
|
|
|
.txt {
|
|
|
- display: inline-flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: left;
|
|
|
- flex-direction: column;
|
|
|
+ transition: top 1s ease;
|
|
|
+ top: 0;
|
|
|
+ background: $blue;
|
|
|
}
|
|
|
}
|
|
|
}
|