Co zrobić, by nie nakładały się okienka na siebie i przy okazji dziwnie nie znikały ?

Question

http://cssdeck.com/labs/r7pl31re

 

Przesyłam do rozpatrzenia kod. W trakcie transition marginesy odpychają sąsiadujące ze sobą okienka i dziwnie znikają. Wszystkie są w napisane pod jednym #box i spakowane do głównego #ekipa. Żadne pozycje absolutne nie pomagają (myślałem, że bezwględne położenie tych pudełek (#box) ich nie ruszy względem siebie.....

Answer 1

#box:hover{
	
    transform: scale(1.05);
	opacity:0.89;

Pseudoklasa hover powiększa ci kwadrat przez co wychodzi on na drugą linie i zrzuca kwadraty z niej do lini następnej. Jeżeli chcesz osiągnąć efekt powiększenia przy najechaniu kursorem stosuj transform: scale(współczynik powiększenia);

 

Ps. poczytaj na czym polega pozycjonowanie względne/bezwzględne i czym są bloki zawierające :)

Comments

Dzięki Ci ! pomogłeś niczym profesor :D Plusa masz :D