MaterialDesign类似于在CSS中显示过渡

Question

我正在寻找一种简单直观的方法来设计CSS / JS视图转换，如Goolges MD指南中的示例所示：https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B3T7oTWa3HiFZ3BiM1dnR0ZPU1k/animation_meanigfultrans_visualcont.webm

是否有任何Web框架或库可以帮助开发具有这些过渡的布局？

Answer 1

你可以做几件事，或多或少的成就：

1. 使用固定宽度/高度和边框半径50％的div来获得背景中的波纹。然后使用transform：scale（）

为过渡设置动画

2. 使用圆形剪辑路径 https://css-tricks.com/almanac/properties/c/clip/

3. 使用Google的Polymer https://www.polymer-project.org/1.0/

您还可以使用velocity.js来完成动画完成事件。 http://julian.com/research/velocity/