#webdev #css #javascript #frontend
Witam.
Wkleję od razu kod. Chodzi mi o transform-origin: 0 50%; i transform-origin: 50% 0; w klasach.from-left i .from-up.Przecież jak nadpisuje stare klasy przez element.classList.toggle to powinno śmigać prawidłowo, a mimo wszystko div1 i div2 pokazują się od środka, a nie od lewej i górnej krawędzi.
https://jsfiddle.net/xsd5yqzz/9/
Ale jak już przeniosę transform-origin do klas div1/2 to działa mi prawidłowo. Jednak zależy mi żeby transform-origin był definiowany dynamicznie. Jest na to jakiś sposób?
pozdrawiam.
Witam.
Wkleję od razu kod. Chodzi mi o transform-origin: 0 50%; i transform-origin: 50% 0; w klasach.from-left i .from-up.Przecież jak nadpisuje stare klasy przez element.classList.toggle to powinno śmigać prawidłowo, a mimo wszystko div1 i div2 pokazują się od środka, a nie od lewej i górnej krawędzi.
https://jsfiddle.net/xsd5yqzz/9/
Ale jak już przeniosę transform-origin do klas div1/2 to działa mi prawidłowo. Jednak zależy mi żeby transform-origin był definiowany dynamicznie. Jest na to jakiś sposób?
pozdrawiam.
- Najlepsze
- Wszystkie komentarze
qbol1234
1
@pempuszek: https://jsfiddle.net/qj87hfwc/ W ten sposob? :) Gdy usuwasz from-left, twój transform origin znika. Więc musisz opóźnić przesunięcie transform origin na koniec transformacji za pomocą transition-delay. (P.S. dodałem container który trzyma wszystkie 3 divy bo jakoś semantyczniej mi się wydawało)
qbol1234
1
@pempuszek: Szit. https://jsfiddle.net/trf4f21u/
pempuszek Autor
0
@qbol1234: musiałeś pomylić linki albo nie zapisałeś po zmianach bo w tym co podesłałeś jest wszystko tak jak u mnie, bez poprawek
pempuszek Autor
0
@qbol1234: masakra, ile ja nad tym myślałem. Dzięki wielkie chodziło dokładnie o coś takiego.
