@@ -257,10 +257,10 @@ SpreadDelegate {
257257 if (index == 0) {
258258 switch (spreadView.phase) {
259259 case 0:
260− return linearAnimation(0, spreadView.positionMarker2, 1, .3, root.animatedProgress);
260+ return linearAnimation(0, spreadView.positionMarker2, 1, .7, root.animatedProgress);
261261 case 1:
262262 return linearAnimation(spreadView.positionMarker2, spreadView.positionMarker4,
263− .3, 1, root.animatedProgress);
263+ .7, 1, root.animatedProgress);
264264 }
265265 }
266266
@@ -315,7 +315,14 @@ SpreadDelegate {
315315 x: priv.xTranslate
316316 }
317317 ]
318− opacity: priv.opacity
318+
319+ opacity: spreadView.phase == 2 ? priv.opacity : 1
320+
321+ Rectangle {
322+ anchors.fill: parent
323+ color: "black"
324+ opacity: spreadView.phase < 2 ? 1 - priv.opacity : 0
325+ }
319326
320327 EasingCurve {
321328 id: easingCurve