diff --git a/Iceshrimp.Frontend/Components/MfmText.razor.css b/Iceshrimp.Frontend/Components/MfmText.razor.css index 071651b8..f20e55e1 100644 --- a/Iceshrimp.Frontend/Components/MfmText.razor.css +++ b/Iceshrimp.Frontend/Components/MfmText.razor.css @@ -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; diff --git a/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs b/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs index cad19871..debdda5b 100644 --- a/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs +++ b/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs @@ -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}"),