从一个元素到另一个元素的动画

时间:2018-07-04 09:14:01

标签: css animation

我目前正在研究一个新的网站项目的材料设计。

我几乎是一个后端编码器,但是尽管UI方面的内容不在我的舒适范围之内,但是一旦我理解了这些原理,便可以执行此操作。

我碰到了此页面-向下滚动到“变形”部分:

https://material.io/design/components/buttons-floating-action-button.html#types-of-transitions

如您所见,按钮变成另一个对象,在本例中为调谐器控件。该对象并不重要,但我需要了解通常如何实现这种目标的基础。

仅是将按钮缩放到零大小,而同时将调谐器缩放到完整大小的情况,还是我错过了一些重要的事情?

1 个答案:

答案 0 :(得分:1)

这里 https://inbox.google.com/(您需要登录才能看到它)

您拥有由Google实现的此类按钮。

他们使用变换比例来增加按钮的效果,并且每个按钮的延迟过渡也不同。

希望对您有帮助!