Я ищу в простой и интуитивно понятный способ разработки CSS/JS вид переходов, как показано в этом примере в руководящих Goolges MD: https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B3T7oTWa3HiFZ3BiM1dnR0ZPU1k/animation_meanigfultrans_visualcont.webmMaterialDesign, как показывают переход в CSS
Есть ли фреймворк или библиотека, которая помогает разрабатывать макеты с этими переходами?
Есть несколько вещей, которые вы можете сделать, с более или менее достижениями:
использовать в DIV с фиксированной шириной/высотой и радиусом границы 50%, чтобы получить пульсации в фоновом режиме. Затем анимировать переход с преобразованием: масштаб()
использовать круглый путь клипа https://css-tricks.com/almanac/properties/c/clip/
использование полимеры с помощью Google https://www.polymer-project.org/1.0/
Вы также мог бы использовать velocity.js для достижения событий по завершению анимации. http://julian.com/research/velocity/