From 383e552989a8ece7867fe176a620f87cc48098ba Mon Sep 17 00:00:00 2001 From: ada Date: Sun, 16 Jun 2024 17:11:02 +0200 Subject: [PATCH] Update 'backplaces/style.css' --- backplaces/style.css | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/backplaces/style.css b/backplaces/style.css index 83d5252..f2b8dff 100644 --- a/backplaces/style.css +++ b/backplaces/style.css @@ -65,7 +65,7 @@ body { box-sizing: border-box; } button{ - border: 1px solid var(--spot-color-1); + position: relative; font-family: 'Platypi'; font-style: italic; font-weight: 300; @@ -75,8 +75,23 @@ button{ margin-right: 0.5rem; margin-bottom: 0.5rem; } -button:hover{ - animation: wiggle 0.6s infinite; +button::before { + content: ''; + position: absolute; + width: 100%; + height: 4px; + border-radius: 4px; + background-color: #18272F; + bottom: 0; + left: 0; + transform-origin: right; + transform: scaleX(0); + transition: transform .3s ease-in-out; + } + +button:hover::before { + transform-origin: left; + transform: scaleX(1); } .content-list { font-size: 41px;