Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Michael71

Material Design Animation

Recommended Posts

Hello,

 

I just wanted to ask a few opinions about the material design animations/easings.

 

Which ease offered by GSAP you think matches their example here: http://www.google.com/design/spec/animation/authentic-motion.html#authentic-motion-mass-weight

 

Also which techninques/plugins of GSAP could be used to create material desing based elements/componenets.

 

Looking forward to your responses.

Link to post
Share on other sites

Interesting, thanks for sharing that. I would be interested in others opinions also, this isn't so much a question but rather an engagement for ideas.

Link to post
Share on other sites

You can use Draggable to create...

Slider

Splitter

Scrollable Tabs (It's under E. You need to resize your screen to see it, but you can drag it)

 

You can create some of these Hero Transitions by tweening a className.

https://www.polymer-project.org/components/core-animated-pages/demo.html

 

Here's a pen by Chrysto that does the animated tabs bar 

See the Pen WbRoWg by osublake (@osublake) on CodePen

 

Thomas Burleson has done some crazy stuff using GSAP with Angular. Check out the HTML code in these pens! 

See the Pen KwNoNP by ThomasBurleson (@ThomasBurleson) on CodePen

See the Pen jEVyjr by ThomasBurleson (@ThomasBurleson) on CodePen

 

  • Like 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×