![](https://secure.gravatar.com/avatar/069849e93b798a9aee2c38a6d6b6a85d?s=150&d=https%3A%2F%2Fwww.maxlaferla.it%2Fwp-content%2Fthemes%2Fmax%2Fassets%2Fgravatar.gif&r=g)
Pubblicato da: Max
In data:
31 Mar 2022
Tempo di lettura:
![Cartelletta Porta-Documenti ZIP in CSS](https://www.maxlaferla.it/wp-content/uploads/2022/03/cover-articolo-8-300x300.png)
Ciao! in questo video-tutorial, realizzeremo una simpatica
Cartelletta Porta-Documenti ZIP in CSS
Come in ogni nostro progetto, creiamo i due file: index.html e style.css con le impostazioni di base.
![](https://www.maxlaferla.it/wp-content/uploads/2022/03/pagina-minima-8.png)
Impostiamo tutta la struttura html che ci serve.
Passiamo al css e realizziamo i due lati della cartelletta, e i documenti dentro.
Realizziamo l’aletta con l’etichetta “Documenti”
Sistemiamo l’immagine della cerniera, e per finire definiamo il movimento di chiusura della cartelletta all’ hover.
Bene! Abbiamo completato questo breve video-tutorial, sulla realizzazione in css di una simpatica cartelletta porta-documenti.
Per scaricare i file utilizzati, clicca sul tasto Download, e dopo decomprimi il file ZIP.
Ecco il link del mio Canale YouTube, dove troverai tantissimi altri video-tutorial sulla programmazione web.
Ciao! Alla prossima 🙂