... the finger (or mouse) is released, calculate the starting position of the next slide and set up a displacement animation (transition) for the wrapper, thereby producing a switching animation effect. The API of Swiper5 has not changed much compared to Swiper4. Swiper5 adds CSS mode (cssMode), and Swiper color style can be modified through CSS files. Swiper4 integrates the related options of the component, and modified the method of obtaining the swiper instance by the callback function to this keyword.