Роман Олегович, по поводу cancel() в mouseleave - согласен, выглядит лишним, но почему-то он помогает НЕ сломать анимацию Vue-компонента <transition-group> по завершении этих трех обработчиков.
И кстати прямая модификация атрибута style, как эта itemRef.css({transform: 'none'}), да и любая прямая модификация св-ва transform, тоже сбивает тот компонент... Поэтому нужно постараться сделать все "налету", без затрагивания style
Роман Олегович, привет, к сожалению, костыль на строке itemRef.css({transform: 'none'}) валится с ошибкой после каждого mouseleave: "Uncaught TypeError: itemRef.css is not a function" (метод css() из jquery?) itemRef.style.transform = 'none' это, например, тоже не помогает
Aetae, хм, и анимировалось это довольно синхронно (по крайней мере на глаз), при том что этот лишний рендер по идее должен был вызвать некую задержку для block[0]
. Shadow: да, это понятно, но есть ли возможность перекрыть прозрачностью верхнего фона содержимое промежуточного фона, который тоже прозрачный, чтобы видеть самый нижний слой с картинкой?
cancel()в mouseleave - согласен, выглядит лишним, но почему-то он помогает НЕ сломать анимацию Vue-компонента<transition-group>по завершении этих трех обработчиков.И кстати прямая модификация атрибута style, как эта
itemRef.css({transform: 'none'}), да и любая прямая модификация св-ва transform, тоже сбивает тот компонент... Поэтому нужно постараться сделать все "налету", без затрагивания style