添加同位素项目的转换

Question

我正在尝试向同位素（v2）列表中的div项添加转换。例如：

.isotope-item {
width: 340px;
height: 223px;
border: 10px solid black;
background-color: #000;
-webkit-transition: background-color 0.25s linear, border-color 0.25s linear;
transition: background-color 0.25s linear, border-color 0.25s linear;    
}

问题是我添加的跃迁与同位素自动添加的跃迁相冲突。这导致我添加的过渡不起作用，同位素过渡时间：轻松不起作用。

如何添加转换而不让它们被自动添加的同位素转换取代？

Answer 1

手动重新添加：

.isotope-item {
width: 340px;
height: 223px;
border: 10px solid black;
background-color: #000;
-webkit-transition:  -webkit-transform 0.5s, opacity 0.5, background-color 0.25s linear, border-color 0.25s linear;
transition:  transform 0.5s, opacity 0.5, background-color 0.25s linear, border-color 0.25s linear;    
}

Answer 2

transition接受一个转换对象列表（如您在示例中所示），因此如果您想添加到默认对象，请重新添加同位素添加的转换，例如：

transition: width 0.25s, height 0.25s, background-color 0.25s, border-color 0.25s;