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 {
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);
}
}