[frontend/mfm] Implement jump fn node
This commit is contained in:
parent
e4304b3100
commit
f61642c30b
2 changed files with 19 additions and 1 deletions
|
@ -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;
|
||||||
|
|
|
@ -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}"),
|
||||||
|
|
Loading…
Add table
Reference in a new issue