Activity transition effects: slide in for the top activity and scale for the bottom activity

I want to achieve the effect displayed below. The effect is from Facebook.

I have tried this in Activity A:

    overridePendingTransition(R.anim.anim_left_to_right, R.anim.scale_out);

And in Activity B:

  overridePendingTransition(R.anim.anim_right_to_left, R.anim.scale_in);

Where the xml are displayed below:

R.anim.anim_left_to_right

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate android:fromXDelta="100%" 
        android:toXDelta="0%"
        android:fromYDelta="0%" 
        android:toYDelta="0%"
        android:duration="300"/>
</set>

R.anim.anim_right_to_left

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="0%" android:toXDelta="100%"
        android:fromYDelta="0%" android:toYDelta="0%"
        android:duration="300" />
</set>

R.anim.scale_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
        <scale android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="1.0"
            android:toYScale="1.0"
            android:duration="500"
            android:fillBefore="false" />
</set>

R.anim.scale_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
        <scale android:fromXScale="1.0"
            android:fromYScale="1.0"
            android:toXScale="0.8"
            android:toYScale="0.8"
            android:duration="500"
            android:fillBefore="false" />
</set>

However, it does not achieve the desired effect - for some reason, I can just not get this right. Can anyone help me with this please?