Tutorial menù a tendina in HTML e CSS3

Dai forma al tuo futuro professionale

Created with Sketch.

Tutorial menù a tendina in HTML e CSS3

Tutorial menù a tendina in HTML e CSS3

In questo tutorial vedremo come creare un menù a tendina utilizzando unicamente html e css3.

Un menù del genere, rispetto a un codice javascript o jQuery, risulterà più veloce e meno pesante da caricare. In più sarà piuttosto semplice da sviluppare.

Nella seconda parte del tutorial assegneremo sfumature e transizioni al menù per renderlo esteticamente più accattivante. Utilizzeremo i CSS3.

Codice completo da scaricare

Codice completo da scaricare

 

5 risposte

  1. Giuseppe ha detto:

    Bel tutorial. Ma questo menù con quali browser è compatibile? Se il sito viene aperto con IE7 o IE8 si riescono a vedere i sotto menù?

    Grazie e complimenti

  2. marzia gabello ha detto:

    Scusa, come posso fare per iscrivermi ai RSS?

  3. Laura ha detto:

    Ciao Francesca,
    ancora una volta grazie infinite per il tuo aiuto! Alla fine ho dovuto optare per un’altra soluzione perché quella, per la quale ti ho chiesto aiuto, non mi piaceva. Tengo a precisare che non avendo previsto a suo tempo lo spazio necessario nel sito, non ho trovato una collocazione adatta e corretta ed era questo che non mi piaceva e non il risultato di per sé del tuo codice!!!!!!!!!!!!!
    Comunque ho imparato una cosa cosa e, la prossima volta che farò un sito per la tesi, mi organizzo per tempo e gli faccio un po’ di spazio!!!!!!!!!!!!!!!!!!!
    Baci.
    Laura

  4. Lucia ha detto:

    Non ho capito: ma se volessi fare un sito responsive con gli aside a sx anziché a dx, è possibile?

  5. Marco Geromin ha detto:

    Anche a me è stato utile seguire i suoi tutorial, pur non dovendomi laureare!

Lascia un commento