如何使用材料设计显示按钮

Question

如何使按钮显示在Topeka中？它也应该在父母动画时隐藏。

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%;
}