Fusion Transitions - transitions you can trim on the Resolve Edit Page

I've been trying to get my head around creating these... It's one thing to make a Fusion transition but to make one so that you can trim the duration is trickier, unless I'm missing something.

So here's a couple... You can add a standard Fusion Cross Dissolve Transition, right click and Open in Fusion Page. Drag out the the Cross Dissolve group and keep it there, then paste the group below. Pipe it into your flow and you should be able to adjust the timing on the Edit Page by trimming the transition handles

{ Tools = ordered() { JDPushOnOff = GroupOperator { CtrlWZoom = false, NameSet = true, Inputs = ordered() { Input1 = InstanceInput { SourceOp = "Transform2", Source = "Input", }, Input2 = InstanceInput { SourceOp = "Transform1", Source = "Input", } }, Outputs = { Output1 = InstanceOutput { SourceOp = "Merge2", Source = "Output", } }, ViewInfo = GroupInfo { Pos = { 302.5, 7.86364 }, Flags = { AllowPan = false, GridSnap = true, ConnectedSnap = true, AutoSnap = true, RemoveRouters = true }, Size = { 291, 165.364, 145.5, 24.2424 }, Direction = "Horizontal", PipeStyle = "Direct", Scale = 1, Offset = { -302.5, -7.86364 } }, Tools = ordered() { Merge2 = Merge { EnabledRegion = TimeRegion { { Start = 0, End = 77.9999 } }, Inputs = { Blend = Input { SourceOp = "Expression1", Source = "NumberResult", }, Background = Input { SourceOp = "Merge1", Source = "Output", }, Foreground = Input { SourceOp = "Transform1", Source = "Output", }, PerformDepthMerge = Input { Value = 0, }, }, ViewInfo = OperatorInfo { Pos = { 385, 115.5 } }, }, Merge1 = Merge { Inputs = { Blend = Input { SourceOp = "Merge1Blend", Source = "Value", }, Background = Input { SourceOp = "Transform1", Source = "Output", }, Foreground = Input { SourceOp = "Transform2", Source = "Output", }, PerformDepthMerge = Input { Value = 0, }, }, ViewInfo = OperatorInfo { Pos = { 385, 49.5 } }, }, Transform1 = Transform { Inputs = { MotionBlur = Input { Value = 1, }, ShutterAngle = Input { Value = 300, }, Center = Input { SourceOp = "Path1", Source = "Position", }, }, ViewInfo = OperatorInfo { Pos = { 220, 49.5 } }, }, Transform2 = Transform { Inputs = { Center = Input { SourceOp = "Path2", Source = "Position", }, }, ViewInfo = OperatorInfo { Pos = { 220, 16.5 } }, } }, }, Expression1 = Expression { CtrlWZoom = false, Inputs = { n1 = Input { SourceOp = "ResolveParameter1", Source = "Value", }, NumberExpression = Input { Value = "n1>0.5", }, }, }, ResolveParameter1 = ResolveParameter { CtrlWZoom = false, }, Merge1Blend = BezierSpline { SplineColor = { Red = 205, Green = 205, Blue = 205 }, NameSet = true, KeyFrames = { [0] = { 1, RH = { 12, 1 }, Flags = { Linear = true } }, [36] = { 1, LH = { 24, 1 }, Flags = { Linear = true } } } }, Path1 = PolyPath { DrawMode = "InsertAndModify", CtrlWZoom = false, Inputs = { Displacement = Input { SourceOp = "ResolveParameter1", Source = "Value", }, PolyLine = Input { Value = Polyline { Points = { { Linear = true, X = 0, Y = 0, RX = 0.166666666666667, RY = 0 }, { Linear = true, X = 0.5, Y = 0, LX = -0.166666666666667, LY = 0, RX = -0.166666666666667, RY = 0 }, { Linear = true, X = 0, Y = 0, LX = 0.166666666666667, LY = 0 } } }, }, }, }, Path2 = PolyPath { DrawMode = "InsertAndModify", CtrlWZoom = false, Inputs = { Displacement = Input { SourceOp = "ResolveParameter2", Source = "Value", }, PolyLine = Input { Value = Polyline { Points = { { Linear = true, X = 0, Y = 0, RX = -0.166656107744927, RY = 0 }, { Linear = true, X = -0.499968323234781, Y = 0, LX = 0.166656107744927, LY = 0, RX = 0.166656107744927, RY = 0 }, { Linear = true, X = 0, Y = 0, LX = -0.166656107744927, LY = 0 } } }, }, }, }, ResolveParameter2 = ResolveParameter { CtrlWZoom = false, } }, ActiveTool = "JDPushOnOff" }