Material Design - Or how to implement animation?

Question

Google

Good afternoon to all users! From the question, the essence is clear, we need help in animation. Since Google uses a new type of design (Material Design), the technology for writing code is its own. You can use the Google site itself as a demo .
1) Smooth animated transition from page to page. You can try this by clicking on the main page for any news.
2) Animation of changing the background color (Menu and Background) according to the photo. That is, the script must select the main primary color of the photo and apply it to the elements on the page. This can also be seen when moving from the main to the news.
How can two animation data be implemented using jq or js (if possible) without modifying the code like Google does?

Answer 1

Let me give you this demo as an example . This is what the transition should look like.