sharkchen的专栏

我想实现一个动画效果，页面是一个信息列表，我希望在点击列表项时，从列表右侧展示详情信息，在详情展示的时候，列表宽度先左缩小，详情展示出来。注意，这里说的是不同状态间的切换，也就是说，执行动画的元素必须从一个状态转换到另一个状态。过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换，像是。一个初始的状态，这个元素默认是没有宽度的，所以直接修改宽度并没有效果。因为使用vue开发，在详情展示的时候为列表和详情加上class即可。或者通过 JavaScript 实现的状态变化。