From 300077875005bcc24e9446edce381521b86fddbb Mon Sep 17 00:00:00 2001 From: isUnknown Date: Thu, 19 Sep 2024 11:46:23 +0200 Subject: [PATCH] add hero text animation --- assets/css/src/generic.css | 2 -- assets/css/src/hero.css | 11 +++++++++++ 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index c2e22c2..a42b7b0 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -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); diff --git a/assets/css/src/hero.css b/assets/css/src/hero.css index 21c4536..e735890 100644 --- a/assets/css/src/hero.css +++ b/assets/css/src/hero.css @@ -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 {