Почему переход мешает анимации?

Question

[pegas]

Что за проблема с fadeOut? методом тыка я вывел что проблема из-за перехода transition Если убрать его то всё анимируется нормально Но этот переход очень важен и его нельзя убирать.

Answer 1

[Максим Тимофеев]

transition это анимация через css, fadeOut анимация в js. Выбирайте что-то одно и будет Вам счастье.
https://jsfiddle.net/up8mz327/5/

Comments

[pegas]

Вот именно выбрать одно не получится

[Максим Тимофеев]

Артём: Почему? Я же Вам ссылку дал, где все работает. Тот же fadeOut только через css и соответственно transition работает.

[pegas]

Максим Тимофеев: Я вам сделал подобный пример из большого кода. Попробую детально проблему объяснить. plitka20x20.h1n.ru/CSS3Lightbox при выборе картинки всплывает её большая версия. Далее если нажать на чёрный квадрат слева или справа то плавный переход не происходит, хотя я задал значение 700 для fadeOut