Добавить переходы на изотопные объекты

Question

Я пытаюсь добавить переходы к элементам div в списке isotope (v2). Например:

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