向同位素项目添加跃迁

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;