From c731dd73c6fa2b745984d8ad25da1686da6e826a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yannik=20R=C3=B6del?= Date: Sun, 12 Jun 2022 20:44:02 +0200 Subject: [PATCH] Tweak site logo animation --- styles/components/_site.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/components/_site.scss b/styles/components/_site.scss index 832c105..a21855a 100644 --- a/styles/components/_site.scss +++ b/styles/components/_site.scss @@ -40,14 +40,14 @@ .plug { fill: colors.$yellow-500; - transition: fill #{0.5 * motion.$prominent-duration} motion.$prominent-timing; + transition: fill #{0.3 * motion.$prominent-duration} motion.$prominent-timing; } @keyframes angestoepselt-logo-hover { 0% { transform: none; } - 50% { + 30% { transform: translateX(0.6rem); } 100% { @@ -59,7 +59,7 @@ + span { transform-origin: 100% 50%; - transition: transform #{0.5 * motion.$prominent-duration} motion.$prominent-timing #{0.5 * motion.$prominent-duration}; + transition: transform #{0.7 * motion.$prominent-duration} motion.$prominent-timing #{0.3 * motion.$prominent-duration}; transform: scale(1.1); } }