添加到同位素项目的过渡

Question

我正在尝试将转换添加到isotope（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

transition接受过渡对象列表（正如您在示例中所示），因此如果要添加到默认值，请重新添加同位素添加的过渡，例如：

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

Answer 2

手动重新添加：

.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;    
}