最近在做项目时,发现CSS3中关于动画的技术,自己很少运用在项目中,平时一些列表块的收缩和展开动画效果,几乎都是使用 display 的 none 和 block,或者 visibility 的 hidden 和 visible 来进行控制。因此,在最近的项目中,就开始深入研究CSS3关于动画的技术,并且运用到了项目中,下面是关于列表块的收缩&展开动画。 简单的一个效果图 实现思路 大体上我们将列表块分割成 标题块 和 内容块 (1)标题块: 展示标题和一个带有收缩&展开动画效果的图标 1图标部分,我们可以使用伪类来绘画出箭头,并且使用 transform 的旋转属性 rotate 进