如何使按钮出现 material 设计

Question

如何使按钮像 Topeka 中那样显示？它也应该在 parent 动画时隐藏。

Answer 1

使用这个css:

:host(:not([animate])) paper-fab {
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1) 500ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1);
transform-origin: 50% 50%;
}
:host([animate]) paper-fab {
visibility: hidden;
transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1) 500ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(0);
transform-origin: 50% 50%;
}