Stato dell'elemento (desktop, hover...)

Anche se slidde è facile come uno strumento di progettazione grafica, gli stati degli elementi sono la funzione che realizza il design web reattivo e l'animazione interattiva. Utilizzando gli stati degli elementi, puoi creare un bellissimo poster e poi trasformarlo in una vera pagina web.

Cliccando sul pulsante puoi vedere quali stati degli elementi sono consentiti per questa proprietà di stile.

Predefinito

Lo stato predefinito per questa proprietà di stile.

Desktop

Lo stato desktop è definito per mirare specificamente agli schermi desktop. Questo ti permette di adattare il tuo design per display più grandi, garantendo un layout e una funzionalità ottimali sui dispositivi desktop.

Quando aggiungi lo stato desktop per una proprietà di stile, lo stato predefinito si applica agli schermi mobili, e lo stato desktop si applica agli schermi desktop. Di solito imposti dimensioni di carattere e spaziature maggiori per lo stato desktop.

Hover

Lo stato hover viene attivato quando un utente sposta il cursore su un elemento. È utile per indicare l'interattività, come evidenziare pulsanti o link.

Di solito puoi impostare colori, scala, rotazione per gli stati hover.

Premuto

Lo stato premuto viene attivato quando un elemento viene cliccato o toccato. Questo può essere utilizzato per creare un effetto di feedback visivo, indicando che un pulsante o un link è stato premuto.

Selezionato

Lo stato selezionato si applica a un pulsante o link quando corrisponde all'URL corrente. Questo è spesso utilizzato per i menu di navigazione per evidenziare la pagina attiva.

Focus

Lo stato focus è utilizzato per input e textarea quando sono selezionati, tipicamente tramite navigazione da tastiera. Questo aiuta gli utenti a identificare quale campo di input è attivo.

Segnaposto

Lo stato del segnaposto stila il testo del segnaposto all'interno di input e textarea. Questo può essere personalizzato per adattarsi alla tua estetica di design.