notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/mfm] Implement bounce fn node

Browse source
This commit is contained in:
pancakes 2024-11-11 11:43:07 +10:00 • committed by Laura Hausmann
parent f61642c30b
commit 0a9758f988
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
Iceshrimp.Frontend/Components/MfmText.razor.css
View file

@ -212,6 +212,24 @@
}
}
@keyframes fn-bounce {
0% {
transform: translateY(0) scale(1)
}
25% {
transform: translateY(-16px) scale(1)
}
50% {
transform: translateY(0) scale(1)
}
75% {
transform: translateY(0) scale(1.5, .75)
}
to {
transform: translateY(0) scale(1)
}
}
::deep {
.fn-animation {
display: inline-block;

2
Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
View file

@ -263,7 +263,7 @@ public static partial class MfmRenderer
"jelly" => MfmFnAnimation(node.Name, args, document),
"tada" => MfmFnAnimation(node.Name, args, document),
"jump" => MfmFnAnimation(node.Name, args, document),
"bounce" => throw new NotImplementedException($"{node.Name}"),
"bounce" => MfmFnAnimation(node.Name, args, document),
"spin" => throw new NotImplementedException($"{node.Name}"),
"shake" => throw new NotImplementedException($"{node.Name}"),
"twitch" => throw new NotImplementedException($"{node.Name}"),