[frontend/mfm] Implement jump fn node

This commit is contained in:
pancakes 2024-11-11 11:41:03 +10:00 committed by Laura Hausmann
parent e4304b3100
commit f61642c30b
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 19 additions and 1 deletions

View file

@ -194,6 +194,24 @@
} }
} }
@keyframes fn-jump {
0% {
transform:translateY(0)
}
25% {
transform:translateY(-16px)
}
50% {
transform:translateY(0)
}
75% {
transform:translateY(-8px)
}
to {
transform:translateY(0)
}
}
::deep { ::deep {
.fn-animation { .fn-animation {
display: inline-block; display: inline-block;

View file

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