Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css3] transform scale
Qss
post 29.07.2014, 17:09:20
Post #1





Grupa: Zarejestrowani
Postów: 141
Pomógł: 7
Dołączył: 22.02.2009

Ostrzeżenie: (0%)
-----


Witam,

Mam problem z właściwością transform:scale(x) w css3
Otóż mam np. div o szerokości 300x300px i skaluje go scale(0.1) wiec div wygląda jak by miał 30x30px ale dookoła niego jest pusto co w sumie daje 300x300px niezależnie od skali content pod spodem się nie przesuwa tak jakby faktycznie zmniejszył się div.
Go to the top of the page
+Quote Post
trueblue
post 29.07.2014, 19:32:46
Post #2





Grupa: Zarejestrowani
Postów: 6 799
Pomógł: 1827
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


I jest to prawidłowe działanie, bo elementy najpierw są renderowane na stronie w ich domyślnych pozycjach i rozmiarach, a potem są transformowane.
Możesz użyć zmiany/animacji szerokości i wysokości.
A jeśli nadal chcesz pozostać przy skalowaniu tego elementu, to i tak nie obejdzie się bez modyfikacji szerokości i wysokości. Przy czym owijasz ten element w inny, któremu to transformujesz szerokość/wysokość dzięki czemu rozpycha on sąsiadów (czyli rodzic szerokość/wysokość, dziecko skala).

Ten post edytował trueblue 29.07.2014, 19:33:20


--------------------
Go to the top of the page
+Quote Post
Qss
post 29.07.2014, 21:08:02
Post #3





Grupa: Zarejestrowani
Postów: 141
Pomógł: 7
Dołączył: 22.02.2009

Ostrzeżenie: (0%)
-----


dzięki ale chyba jednak zdecyduje się na popup w pełnym wymiarze
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 12:50