Question

我正在尝试使用flexbox创建一个网站，该网站的一个主要功能是隐藏导航栏，在这种情况下是JSFiddle中的左侧面板，当视口位于480px之间时和1023px。目前它可以工作，但动画非常激动，目前尚不清楚发生了什么。

现在我正在尝试在css3中使用转换，但这似乎根本没有动画......

从这里开始：

aside {
    -webkit-transition: all 1s ease;
    width: 270px;
}

对此：

aside {
    display: none;
}

两个州之间没有转变。

如何使导航动画消失，主要增长以适应屏幕？

Answer 1

截至今天，您无法为CSS中的人工智能设置动画。

您可以在某些可以设置动画的属性上链接动画。例如一些flexbox的宽度和高度。