Pzecież w moim skalowanie jest po kliknięciu w boxa i nie to jest problemem a przesuwające się pozostałe elementy po wyskalowaniu jednego z nich.
Odpisuj w wątku, nie w komentarzach. Komentarze są do zupełnie pobocznych hm... komentarzy.
Dobra, teraz już widzę. Zatem wywal wszystko, co poprzedziłam x
:
.offer-container input[type=checkbox]:checked~.offer {
cursor: default;
xwidth: 40%;
xheight: auto;
xposition: fixed;
xtop: 20%;
xleft: 25%;
cursor: arrow;
transform: scale(1.4, 1.4);
transition: transform .4s ease-in;
z-index: 10;
}
position: fixed; jest tu zupełnie bez sensu, bo wyjmuje ci obiekt z podstawowej treści strony, więc reszta elementów zapada się w to puste miejsce.
Wszelkie zmiany rozmiarów i położenia też są zupełnie bez sensu. Od tego właśnie jest transform. Transform działa tak, że przemieszcza i zniekształca element, ale reszta strony pozostaje przekonana, że on nada jest tam gdzie był i ma taki kształt i rozmiar, jak miał domyślnie, więc nic oprócz transformowanego elementu się nie przesuwa.
Obczaj sobie tutaj:
http://drakonica.pl/dokumenty/transform_2d_zestawienie.htm