# Material design card animation

**URL:** <https://forums.fusetools.com/t/material-design-card-animation/3884>\
**Category:** How-to Discussions\
**Created:** [December 27, 2016, 9:48am UTC](https://forums.fusetools.com/t/material-design-card-animation/3884 "2016-12-27T09:48:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![phuongwd](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/phuongwd/32/431_2.png) [@phuongwd](https://forums.fusetools.com/u/phuongwd)\
**Post date:** [December 27, 2016, 9:48am UTC](https://forums.fusetools.com/t/material-design-card-animation/3884/1 "2016-12-27T09:48:18Z")

</div>

Hello.

I’m getting my hands dirty with Fuse and I’m loving it!

I’m not sure how to start in Fuse with this:

> **[Principle Experiment 1: Expanded View](https://dribbble.com/shots/2448834-Principle-Experiment-1-Expanded-View)**
>
> I was getting to grips with Principle over the holidays. Here's a transition from a list view to a profile view.

  

> **[Material design card animation](https://dribbble.com/shots/1893589-Material-design-card-animation)**
>
> Our Material design UI kit recently hit 11000 downloads. We're pretty happy about it. 
> 
> To celebrate I did a fun little animation of two screens to experiment with the material design animations.

Any ideas or FUSEr give some examples?

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [December 27, 2016, 12:36pm UTC](https://forums.fusetools.com/t/material-design-card-animation/3884/2 "2016-12-27T12:36:14Z")

</div>

Check out our [examples](https://www.fusetools.com/examples) which contain several transitions.

---

<div class="post-metadata">

**Author:** ![phuongwd](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/phuongwd/32/431_2.png) [@phuongwd](https://forums.fusetools.com/u/phuongwd)\
**Post date:** [December 28, 2016, 5:32pm UTC](https://forums.fusetools.com/t/material-design-card-animation/3884/3 "2016-12-28T17:32:43Z")

</div>

> **edA-qa mort-ora-y wrote:**
> 
> Check out our [examples](https://www.fusetools.com/examples) which contain several transitions.

Thank you,  
But can you make the example as the same one of the two links above?  
😉 [https://dribbble.com/shots/2448834-Principle-Experiment-1-Expanded-View](https://dribbble.com/shots/2448834-Principle-Experiment-1-Expanded-View)

---

<div class="post-metadata">

**Author:** ![madhusudhan.bhaskar](https://avatars.discourse-cdn.com/v4/letter/m/b9e5f3/32.png) [@madhusudhan.bhaskar](https://forums.fusetools.com/u/madhusudhan.bhaskar)\
**Post date:** [December 30, 2016, 9:12am UTC](https://forums.fusetools.com/t/material-design-card-animation/3884/4 "2016-12-30T09:12:12Z")

</div>

Its shared element transition in android, even I am looking for same thing!

> **[Fragment transitions with shared elements – Bryan Herbst – Medium](https://medium.com/@bherbst/fragment-transitions-with-shared-elements-7c7d71d31cbb#.2bgjytlnx)**
>
> One of the cornerstones of Material design is meaningful motion between screens. Lollipop introduced support for these animations in the…

And yeah it should support this also  
[https://developer.android.com/reference/android/support/design/widget/CollapsingToolbarLayout.html](https://developer.android.com/reference/android/support/design/widget/CollapsingToolbarLayout.html)