Witam.

Próbuje uzyskać efekt płynnego przejścia między slajdami. Oczekiwany efekt osiągnałem przy użyciu selektora transition, jednak występuje problem, którego nie potrafię rozwiązać. Mianowicie występuje problem z zanikaniem przesuwających się elementów. Czy ktoś mógłby podpowiedzieć mi gdzie leży problem i jak mogę go rozwiązać? Poniżej znajduje się mój kod. Pozdrawiam.

http://jsfiddle.net/8c69u5q4/

A w jakim celu dodawałeś własny CSS skoro ten slider działa poprawnie bez tych dodatkowych reguł?

Nadpisałem ustawienia przejscia między slajdami tak, aby był równy interwałowi czasowemu przez co w efekcie mogę uzyskać efekt "płynnego" chowania się i pojawiania kolejnych slajdów.

Przeczytaj dokumentację: https://getbootstrap.com/docs/4.1/components/carousel/
Kiedy zmienisz zmienną $carousel-transition i plik zostanie skompilowany ponownie lub po prostu zmienisz to w pliku CSS, to slider będzie działał poprawnie.