Как делать fade эффект для bootstrap carousel?

Question

[b_efimenko]

Обновил бутстрап до 3.3 и теперь код fade эффекта не работает
Какой раньше был бутстрап сказать не смогу....
Кто знает как сделать или этот подправить..?

.carousel-fade .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
    }

    .carousel-fade .active {
      opacity: 1;
    }

    .carousel-fade .active.left,
    .carousel-fade .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

    .carousel-fade .next.left,
    .carousel-fade .prev.right {
      opacity: 1;
    }

  .carousel-fade .carousel-control {
    z-index: 2;
  }

Оно не слайдит, но меняется все очень быстро, нету плавности в эффекте.

Answer 1

[Igor Belikov]

codepen.io/transportedman/pen/NPWRGq

Answer 2

[b_efimenko]

не ужели никто не знает?

Comments

[Igor Belikov]

Бро, такая же проблема)
Появляется такой белый эффект, да?
Если решил проблему, то отпиши пожалуйста.

[Igor Belikov]

И знаю точно, что в 3.2 все ок ибо в именно 3.3 поменяли механизм анимаций.

[serginhold]

codepen.io/transportedman/pen/NPWRGq?editors=110

[Иван Сохин]

serginhold: эффект вспышки все-равно остается, что нужно менять?

[Dabflyer]

transition: 0.7s ease-in-out opacity;