motionlayout_transition_example.xml

    <Transition
        app:constraintSetStart="@+id/start"
        app:constraintSetEnd="@id/end"
        motion:duration="3000">
        <OnClick <!--🔥 클릭을 통해 애니메이션 실행-->
            motion:targetId="@+id/example_btn"
            motion:clickAction="toggle"
            />
        <KeyFrameSet>
            <KeyAttribute
                app:motionTarget="@+id/example_iv"
                app:framePosition="20"> <!--🔥 20% 지점의 애니메이션 정의-->
                <CustomAttribute
                    app:customColorValue="@color/example_iv"
                    app:attributeName="colorFilter" />
            </KeyAttribute>
            <KeyAttribute
                app:motionTarget="@+id/example_iv"
                app:framePosition="70"> <!--🔥 70% 지점의 애니메이션 정의-->
                <CustomAttribute
                    app:customColorValue="@color/example_iv"
                    app:attributeName="colorFilter" />
            </KeyAttribute>
        </KeyFrameSet>
    </Transition>