gilgoldzweig

<ConstraintSet android:id="@+id/start">
    <Constraint
        android:id="@id/search_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:elevation="4dp"
        motion:layout_constraintEnd_toEndOf="parent"
        motion:layout_constraintStart_toStartOf="parent"

gilgoldzweig

<Constraint
    android:id="@id/search_view"
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginTop="16dp"
    android:layout_marginBottom="16dp"
    android:elevation="4dp"
    motion:layout_constraintBottom_toTopOf="@id/guideline_toolbar"
    motion:layout_constraintEnd_toStartOf="@id/menu_icon"
    motion:layout_constraintStart_toEndOf="@id/navigation_icon"

gilgoldzweig

<Constraint
    android:id="@+id/toolbar_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="4dp"
    motion:layout_constraintBottom_toTopOf="parent"
    motion:layout_constraintStart_toEndOf="@id/navigation_icon" />

gilgoldzweig

<Constraint android:id="@id/navigation_icon">
    <CustomAttribute
        motion:attributeName="ColorFilter"
        motion:customColorValue="#ffffff" />
</Constraint>

<Constraint android:id="@id/menu_icon">
    <CustomAttribute
        motion:attributeName="ColorFilter"
        motion:customColorValue="#ffffff" />

gilgoldzweig

<Constraint
    android:id="@+id/guideline_toolbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    motion:layout_constraintGuide_begin="65dp" />

gilgoldzweig

<ConstraintSet android:id="@+id/end">
    <Constraint
        android:id="@id/search_view"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginTop="16dp"
        android:layout_marginBottom="16dp"
        android:elevation="4dp"
        motion:layout_constraintBottom_toTopOf="@+id/guideline_toolbar"
        motion:layout_constraintEnd_toStartOf="@id/menu_icon"

gilgoldzweig

<Transition
    motion:constraintSetEnd="@+id/end"
    motion:constraintSetStart="@id/start"
    motion:motionInterpolator="easeInOut">
</Transition>

gilgoldzweig

<OnSwipe
    motion:dragDirection="dragUp"
    motion:touchAnchorId="@id/scrollable_content" />

gilgoldzweig

<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:motion="http://schemas.android.com/apk/res-auto">

    <Transition
        motion:constraintSetEnd="@+id/end"
        motion:constraintSetStart="@id/start"
        motion:motionInterpolator="easeInOut">
        <OnSwipe
            motion:dragDirection="dragUp"

gilgoldzweig

404 - Glitched out

Got the idea from 2 other pens around here. I just threw in my own sense style. http://codepen.io/codetrail/pen/uHvpl http://codepen.io/kaypooma/pen/ehfjC

Disclaimer: I am not responsible for your seizures

Happy Coding! :)