add hero text animation
This commit is contained in:
parent
9ef3be8e4c
commit
3000778750
2 changed files with 11 additions and 2 deletions
|
|
@ -223,7 +223,6 @@ img.show {
|
|||
#expanded-nav a,
|
||||
.main-nav a,
|
||||
.main-footer a,
|
||||
.hero__text a,
|
||||
.collapsable__content a:not(.ticket-link) {
|
||||
display: block;
|
||||
scale: 1;
|
||||
|
|
@ -242,7 +241,6 @@ img.show {
|
|||
.filters button:hover,
|
||||
.main-nav a:hover,
|
||||
.main-footer a:hover,
|
||||
.hero__text a:hover,
|
||||
.collapsable__content a:not(.ticket-link):hover,
|
||||
.anchors-strip a:hover {
|
||||
scale: var(--scale-up);
|
||||
|
|
|
|||
|
|
@ -44,8 +44,19 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
.hero__link::before {
|
||||
display: inline-block;
|
||||
content: "→";
|
||||
margin-right: 1rem;
|
||||
transform: translateX(0rem);
|
||||
transition: all 0.3s var(--curve-quick-slow);
|
||||
}
|
||||
|
||||
.hero__link:hover:before {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.hero__link:hover {
|
||||
color: var(--color-season);
|
||||
}
|
||||
|
||||
.hero__image {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue