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