[look997]

#programowanie #html #css #javascript

Jak realizuje się taką funkcję:
- masz element HTML, osadzony w liście (ten element to box z treścią)
- płynnie, animacją przejścia powiększyć ten element na okienko dialogowe, na środku ekranu
- po tym usuwa się cała treść "w tle", łącznie z kontenerem, z którego pochodzi nasz powiększany element, a sam element w formie okienka dialogowego oczywiście zostaje.
?

Czy da się to zrobić faktycznie płynnie, bez tworzenia w locie odrębnego elementu, animowanego od miejsca, w którym był pierwotny element?

[Hepar]

@look997:
Chodzi o modal, czy powiększany element ma na stałe zostać?
https://getbootstrap.com/docs/4.0/components/modal/

[look997]

@Hepar: W zasadzi i to i to.
Ale chodzi mi bardziej o technikę wykonania niż jakiś gotowiec.

Napiszę jeszcze raz o co chodzi:

 ________
|blabla |
|blaaba |
| [but] |
|_______|

i element [but] się rozszerza, zmienia rozmiar i zmienia pozycję. Jest oderwany od swojego parentElement i staje się samodzielny.
Po tym parentElement i cała ramka ma być usunięta z DOM.

Czyli ma to być płynne przekształcenie, [but] ma w

[Hepar]

@look997:
Okej, sprawdź tutaj:
http://kursjs.pl/kurs/dom/dom-tworzenie-i-usuwanie.php

Jeżeli chcesz zrobić płynne przejście to najpierw pokazujesz nowy element animując go klasami css (np. https://animista.net/) a później usuwasz stary.

[look997]

@Hepar: Nie nie. Ja znam technologie, tylko pytam o technikę wykonania.
Nie o to chodzi...

A kit z tym, nie umiem wytłumaczyć...