css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Hierarchical Timing is a meaningful transition introduced in Google Material Design that focuses your users attention in an app or how an app element got from point A to point B.

Material Design Hierarchical Display - the jQuery plugin for hierarchical timing animation effect.

Animate.css - a cross-browser library of CSS animations.


  1. Looks great man!

  2. @zavoloklom You're welcome, after finally figuring out how it works timing wise I managed to create my own here, thanks for inspiring me to give it a try !

  3. Great Job man!! yours works all are awsome!

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.