feat: animation landing page + style button + uniform ul header and footer
This commit is contained in:
parent
a63ce4c28c
commit
b2e075a2cf
11 changed files with 94 additions and 42 deletions
|
|
@ -3,6 +3,7 @@
|
|||
position: relative;
|
||||
min-height: 40rem;
|
||||
}
|
||||
|
||||
.cover__back {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
|
|
@ -39,8 +40,18 @@
|
|||
background-color: rgba(14, 14, 14, 0.2);
|
||||
}
|
||||
|
||||
@keyframes cover_title_in {
|
||||
0% {
|
||||
left: -10rem;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cover__title-container {
|
||||
// position: relative;
|
||||
position: relative;
|
||||
animation: cover_title_in 0.5s cubic-bezier(.39,.58,.57,1);
|
||||
}
|
||||
|
||||
.cover__title {
|
||||
|
|
@ -68,3 +79,10 @@
|
|||
height: 0;
|
||||
border-bottom: .3rem solid $accent;
|
||||
}
|
||||
|
||||
@media (min-width: $lg-breakpoint) {
|
||||
.cover__back {
|
||||
background-position-x: center;
|
||||
background-position-y: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue