Различные CSS3-переходы для активации и выхода: зависание в DIV?

Question

Мой вопрос: возможно ли иметь 2 разных CSS3 перехода, работающих на одном DIV?Я хотел бы иметь возможность поворачивать и увеличивать масштаб при наведении (согласно приведенному ниже коду), но затем, когда наведение отпущено, чтобы div просто уменьшал масштаб, не поворачивая, до его исходного размера.

#listitem ul li {
    float: left; 
    margin: 0 15px 0 15px; 
    padding: 0;
}
#listitem ul li:hover{
    -webkit-transform: rotate(720deg) scale(1.5); 
    -moz-transform: rotate(720deg) scale(1.5); 
    -ms-transform: rotate(720deg) scale(1.5); 
    -o-transform: rotate(720deg) scale(1.5); 
    transform: rotate(720deg) scale(1.5);
}

Это может быть невозможно из-за того, как обрабатывать DIV, когда он частично повернут.

Спасибо, Майк

Answer 1

Можно комбинировать переходы на :hover, но ваш rotate - это 2 полных поворота (360deg * 2), поэтому он вернется в исходное положение.Попробуйте изменить значение на 20deg, и вы сможете увидеть комбинированные эффекты поворота и масштабирования.Возможно, вам придется использовать JavaScript, чтобы применить один переход после потери элемента :hover.

.

Answer 2

возможно, но когда div вращается с определенным углом при наведении. Когда отпущено наведение, оно поворачивается обратно в противоположном направлении и возвращается к начальной стадии .. да, можно применить несколько эффектов