Realizzare effetto apparizione div da sx verso dx

[Dario the best]

Salve, di seguito vi indico un sito:
https://www.gucci.com/it/it/

Nella versione mobile, al clic delle tre lineette del menù appare da sinistra verso destra il div specifico. Non so se lato css un effetto simile si possa ottenere, penso sia più lato javascript.

Attendo vostre indicazioni, grazie.

[carlomarangoni]

Non è che appare un div ma è l'intero menu che appare. Questo si può al limite ottenere anche con css ma in gerere è realizzato con js e questo fa parte della programmazione responsive

[Dario the best]

Grazie, puoi darmi qualche info per realizzare un effetto simile?

[scartus]

Ciao Dario. Per prima cosa devi fare una media query nel codice css, nascondendo gli elementi che non vuoi che si vedano nella versione mobile, ad esempio il menu nella versione desktop:

@media screen and (min-width: 480px) {
#menuversionedesktop{display:none;}
}

Personalmente poi faccio apparire un'immagine con le tre linee nella media query.

#immaginelinee{display:block;}

Quindi ricapitolando. Con schermi di grandezza minima 480px, hai nascosto il menu normale ed hai fatto apparire un'immagine. A questa immagine dovrai applicare una funzione js al click di questo tipo:
$("#menuresponsive").slideDown();
Quando cliccherai l'immagine, scendera il menuresponsive che avrai settato prima come disply:none.

Ricapitolando. Nascondi menu normale e appare immagine con linee. Quando cliccherai su quest'immagine, scenderà il div (precedentemente settato con display:none del menu responsive. Se non ti è chiaro qualcosa dimmelo.

[fcaldera]

in genere il solo evento di click del menu mobile viene gestito via JS che fa il toggle di una classe all'elemento di root
in base alla presenza di questa classe il menu può essere visualizzato ed animato tramite CSS