Animacja obrotu i wychodzenie poza krawędź ekranu

Question

Witam,

Na stronie zamieściłem obracający się obiekt za pomocą translate. Na ekranach mobilnych wykorzystuje on całą szerokość ekranu. Przy obrocie, rogi tego elementu wysuwają się poza ekran, przez co, na chwilę można przesuwać stronę w poziomie. Nie jest to zbyt estetyczne.
overflow-x: hidden nie działa, pomimo ukrycia paska, nadal można przesuwać. Jak temu zaradzić?

Answer 1

overflow bez problemu powinien zadziałać. Jeśli obracający element jest na pozycji absolutnej element który będzie miał overflow musi mieć pozycje relatywną aby przyciąć element. Najłatwiej by było gdybyś pokazał kod trudno się pomaga na ślepo.

Answer 2

W momencie, gdy dawałem overflow: hidden, obraz przycinał się również w pionie. Był to głupi błąd, ponieważ wystarczyło zmienić wysokość (tak, wysokość była konieczna).