jquery - 向同位素元素添加跃迁

Question

我正在尝试向 isotope 中的 div 元素添加过渡效果(v2) list 。例如:

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