如何让材质设计出现按钮

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