[pempuszek]

#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.

[qbol1234]

@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)

[pempuszek]

@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

[qbol1234]

@pempuszek: Szit. https://jsfiddle.net/trf4f21u/

[pempuszek]

@qbol1234: masakra, ile ja nad tym myślałem. Dzięki wielkie chodziło dokładnie o coś takiego.