[frontend/mfm] Implement bounce fn node
This commit is contained in:
parent
f61642c30b
commit
0a9758f988
2 changed files with 19 additions and 1 deletions
|
@ -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 {
|
::deep {
|
||||||
.fn-animation {
|
.fn-animation {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -263,7 +263,7 @@ public static partial class MfmRenderer
|
||||||
"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" => 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}"),
|
"spin" => throw new NotImplementedException($"{node.Name}"),
|
||||||
"shake" => throw new NotImplementedException($"{node.Name}"),
|
"shake" => throw new NotImplementedException($"{node.Name}"),
|
||||||
"twitch" => throw new NotImplementedException($"{node.Name}"),
|
"twitch" => throw new NotImplementedException($"{node.Name}"),
|
||||||
|
|
Loading…
Add table
Reference in a new issue