angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweak site logo animation

Browse source
This commit is contained in:
Yannik Rödel 2022-06-12 20:44:02 +02:00
parent 02e8670ee3
commit c731dd73c6
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
styles/components/_site.scss
View file

@ -40,14 +40,14 @@
.plug { .plug {
fill: colors.$yellow-500; 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 { @keyframes angestoepselt-logo-hover {
0% { 0% {
transform: none; transform: none;
} }
50% { 30% {
transform: translateX(0.6rem); transform: translateX(0.6rem);
} }
100% { 100% {
@ -59,7 +59,7 @@
+ span { + span {
transform-origin: 100% 50%; 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); transform: scale(1.1);
} }
} }