add hero text animation

This commit is contained in:
isUnknown 2024-09-19 11:46:23 +02:00
parent 9ef3be8e4c
commit 3000778750
2 changed files with 11 additions and 2 deletions

View file

@ -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);

View file

@ -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 {