Shuffle transition effect

POST https://api.shotstack.io/{{ENV}}/render

A shuffle-like transition that animates between two different clips in a range of rotating directions.

Example MP4

Request Body

{"timeline"=>{"tracks"=>[{"clips"=>[{"asset"=>{"type"=>"title", "text"=>"SHUFFLE EFFECT", "color"=>"#ffffff", "style"=>"future", "size"=>"small", "position"=>"bottomLeft", "offset"=>{"x"=>0.3}}, "start"=>0, "length"=>3, "transition"=>{"in"=>"shuffleTopRight", "out"=>"shuffleTopRight"}}]}, {"clips"=>[{"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards1.jpg"}, "start"=>2, "length"=>3, "transition"=>{"in"=>"shuffleTopLeft", "out"=>"shuffleTopLeft"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards3.jpg"}, "start"=>4, "length"=>3, "transition"=>{"in"=>"shuffleTopRight", "out"=>"shuffleTopRight"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards2.jpg"}, "start"=>6, "length"=>3, "transition"=>{"in"=>"shuffleTopLeft", "out"=>"shuffleTopLeft"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards5.jpg"}, "start"=>8, "length"=>3, "transition"=>{"in"=>"shuffleTopRight", "out"=>"shuffleTopRight"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards4.jpg"}, "start"=>10, "length"=>3, "transition"=>{"in"=>"shuffleTopLeft", "out"=>"shuffleTopLeft"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards6.jpg"}, "start"=>12, "length"=>3, "transition"=>{"in"=>"shuffleTopRight", "out"=>"shuffleTopRight"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards7.jpg"}, "start"=>14, "length"=>3, "transition"=>{"in"=>"shuffleTopLeft", "out"=>"shuffleTopLeft"}}, {"asset"=>{"type"=>"image", "src"=>"https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/cards8.jpg"}, "start"=>16, "length"=>3, "transition"=>{"in"=>"shuffleTopRight", "out"=>"shuffleTopRight"}}]}], "soundtrack"=>{"src"=>"https://feeds.soundcloud.com/stream/265742254-unminus-trumpetz.mp3", "effect"=>"fadeOut"}}, "output"=>{"format"=>"mp4", "resolution"=>"hd"}}

HEADERS