Corsi on-line

Makisu: dropdown menù tridimensionali con CSS

Makisu è un progetto ancora a livello di concept, una sorta di esperimento per la realizzazione di dropdown menù tridimensionali basati su CSS3; gli output prodotti saranno quindi ottimizzati soltanto per i browser che supportano le necessarie proprietà per i fogli di stile, come per esempio Google Chrome.

Anche se tecnicamente non si tratta di un vero e proprio plugin di jQuery, esso potrà essere utilizzato come una qualsiasi estensione per il noto framework JavaScript:

$( '.list' ).makisu({
    selector: 'li',
    overlap: 0.2,
    speed: 0.8
});

Makisu mette a disposizione numerose opportunità per la personalizzazione grazie ad alcune opzioni dedicate a vari aspetti legati al rendering:

  • selector: permette di definire il selettore incapsulabile all’interno di Makisu;
  • speed: consente di definire la durata espressa in secondi per ogni elemento incapsulato;
  • overlap: definisce una frazione di tempo relativa a speed e compresa tra  “0” e “1” per la sovrapposizione tra elementi;
  • shading: indica il colore predefinito per la sfumatura;
  • perspective: imposta la visuale prospettica applicata agli elementi 3D.

I menu generati con Makisu saranno comunque visibili anche tramite browser datati, ma in questo caso essi verranno restituiti come dei semplici elenchi standard.

Post correlati
I più letti del mese
Tematiche