Flexbox的align-self属性没有转换?

Kre*_*nor 5 css flexbox css-transitions

我尝试创建一个吗啡“按钮”,它可以在另一个菜单上滑动。
这个想法基于 Codrops变形按钮概念

现在已经差不多设置好了,只有两件小事让我烦恼:

  • 当“关闭”菜单时,尽管我已经在过渡中设置了align-items属性,但按钮会立即下降到底部。Flexbox 不支持上述属性的转换吗?
  • 字形图标不会通过align-itemsjustify-center来调整自身,因此我不得不通过调整顶部属性来完成它。

我有点没主意了..

JSBin 示例