CSS3 flyIn demo

flyin.scss

.profile-pic-transition.ng-hide-remove.ng-hide-remove-active {
    @include vendor-prefixes(animation, 'flyIn 3s');
}

@include keyframes(flyIn) {

    0% {
        opacity: 0;
        @include vendor-prefixes(transform, 'scale(0, 0)');
    }

    80% {
        opacity: 0.8;
        @include vendor-prefixes(transform, 'scale(1.1, 1.1)');
    }

    100% {
        opacity: 1;
        @include vendor-prefixes(transform, 'scale(1, 1)');
    }
}