animate.js

$scope.animations.push({
        opacity: [0, 1],
        ease: 'easeInOutExpo',
        duration: 1000,
        delay: 500,
        animation: [
            {
                class: ".card-orange",
                order: 1,
                duration: 1500,
                delay: 0,
                rotate: {
                    start: -10,
                    end: 0
                },
                x: {
                    start: 83,
                    end: 41
                },
                y: {
                    start: 102,
                    end: 74
                }
            },
            {
                class: ".card-blue",
                order: 2,
                ease: 'easeInOutQuad',
                duration: 1500,
                delay: 0,
                rotate: {
                    start: 10,
                    end: 0
                },
                x: {
                    start: 155,
                    end: 123
                },
                y: {
                    start: 79,
                    end: 74
                }
            }
        ]
    });
    $scope.animations.push({
        opacity: [1, 1],
        ease: 'easeInOutQuad',
        duration: 1000,
        delay: 500,
        animation: [
            {
                class: ".card-orange",
                order: 3,
                duration: 1500,
                delay: 1000,
                rotate: {
                    start: 0,
                    end: 130
                },
                x: {
                    start: 41,
                    end: 42
                },
                y: {
                    start: 74,
                    end: 23
                }
            },
            {
                class: ".card-blue",
                order: 3,
                delay: 230,
                rotate: {
                    start: 0,
                    end: 11
                },
                x: {
                    start: 123,
                    end: 23
                },
                y: {
                    start: 74,
                    end: 42
                }
            }
        ]
    });
    $scope.animations.push({
        opacity: [1, 1],
        ease: 'easeInOutQuad',
        duration: 1000,
        delay: 500,
        animation: [
            {
                class: ".card-orange",
                order: 3,
                duration: 1500,
                delay: 1000,
                rotate: {
                    start: 130,
                    end: 32
                },
                x: {
                    start: 42,
                    end: 12
                },
                y: {
                    start: 23,
                    end: 33
                }
            },
            {
                class: ".card-blue",
                order: 3,
                delay: 0,
                rotate: {
                    start: 11,
                    end: 32
                },
                x: {
                    start: 23,
                    end: 44
                },
                y: {
                    start: 42,
                    end: 11
                }
            }
        ]
    });