CSS改变大小过度动画

div在改变宽高时需要一段动画形式展现

解决

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.timeline-entry {
	width: 100px;
	height: 200px;
}

.timeline-entry.active {
	width: 200px;
	height: 300px;
	// 动画延迟时间
	transition-delay: 100ms;
	// 应用过度动画的属性
	transition-property: width, height;
	// 动画持续时间
	transition-duration: 500ms;
}