swiper.js를 사용하면서 safari에서만 transform: translate3d(*, *, *) 이 부분에서 의도하지 않게 보여지는 문제 뭔가 애니메이션 중간에서 끊겨있는 것이 유지되는 버그가있었다.
해당 문제가 발생한 UI가 swiper > swiper로 2단계로 중첩되어있어서 처음에는 이것이 문제인가? 생각했다.
문제가 생겼던 swiper slide가 position이 특이하게 position: static으로 설정했었다.
chrome에서는 분명하게 의도한대로 보여졌기 때문에 문제가 없다 생각했는데 추후에
위 position 값을 수정해주니까 의도한대로 정상적으로 동작했다.