我试图通过＆＃34; auto＆＃34;设置一个Flexbox动画。表示大多数事物都是自动调整大小的状态。
|auto|this fills most space |auto|
to
|auto|this...|auto |
演示：http://codepen.io/kaaaahhhhnnnn/pen/vOJpwo
当你徘徊时，你会看到我想要的东西。如果删除CSS中的注释：
li
// flex 1
你会发现它现在已经过动画，但尺寸并不是我想要的。
问题在于，我无法弄清楚如何获得存在flex属性的第一个状态，而我无法弄清楚如何在没有它的情况下获得第二个状态。所以我不能在两者之间制作动画。
答案 0 :(得分：2)
flex简写上的文档是
flex | none | [＆lt;'flex-grow'＆gt; ＆LT;“柔性缩水”＆GT ;? || ＆LT;“柔性基础”＆GT; ]
flex-basis的位置：
flex-basis |内容| ＆LT;“宽度”＆GT;和初始值：auto;
弹性基础是否可动画？
动画：宽度
所以这个属性是由规格只能作为宽度动画。
自动与其内容相同。此属性不可动画。