Cassetto di Lavoro CodeW3C.com
- Pagina precedente Cassetto di Lavoro CodeW3C.com
- Pagina successiva Barra degli iconi
Cassetto di Lavoro CodeW3C.com
Benvenuti a esplorare il mondo vario e affascinante dell'anteprima. Puoi approfondire qui gli elementi e i modi di interazione delle interfacce comuni.
Abbiamo preparato per te centinaia di casi, oltre a migliaia di frammenti di codice, per aiutarti a fare pratica in modo pratico.
Questi casi sono molto buoni:
- Spiegazione passo-passo
- Commenti chiari
- Dimostrazioni interattive nella pagina
- Test TIY online
- Bel aspetto, alta disponibilità, alta riutilizzabilità
- HTML, CSS, JavaScript nativi
Speriamo che tu abbia una esperienza di apprendimento piacevole ed efficiente!
Indice
- Barra degli iconi
- Icona del menu
- Fisarmonica
- Schede
- Schede verticali
- Titolo delle schede
- Schede a tutta pagina
- Schede hover
- Navigazione in testa
- Navigazione in testa responsive
- Navigazione suddivisa
- Barra di navigazione con icone
- menu di ricerca
- barra di ricerca
- barra laterale fissa
- navigazione laterale
- barra laterale reattiva
- navigazione a schermo intero
- menu al di fuori del canvas
- pulsante di navigazione laterale a hover
- barra laterale con icone
- menu a scorrimento orizzontale
- menu verticale
- navigazione di fondo
- navigazione di fondo reattiva
- collegamento di navigazione di fondo
- collegamento di menu a destra
- collegamento di menu centrato
- collegamento di menu a larghezza fissa
- menu fisso
- scorri la barra laterale durante lo scorrimento
- nascondi la barra di navigazione durante lo scorrimento
- restringi la barra di navigazione durante lo scorrimento
- navigazione adesiva
- navigazione con immagine
- menu a discesa a hover
- menu a discesa a单击
- menu a discesa a cascata
- menu a discesa nella barra di navigazione superiore
- menu a discesa nella barra laterale
- navigazione con menu a discesa reattiva
- menu di navigazione secondario
- menu a discesa
- menu superiore
- menu mobile
- menu a tendina
- barra laterale pieghevole
- pannello laterale pieghevole
- paginazione
- navigazione a fiocchi
- gruppo di pulsanti
- gruppo di pulsanti verticale
- barra sociale adesiva
- navigazione a pilula
- testata reattiva
- diapositiva
- galleria di diapositive
- immagine modale
- lightbox
- griglia di immagini reattiva
- griglia di immagini
- galleria di immagini
- galleria di immagini scorrevole
- galleria di immagini a schede
- sfumatura sovrapposta all'immagine
- scorrimento sovrapposto all'immagine
- zoom sovrapposto all'immagine
- titolo sovrapposto all'immagine
- icona sovrapposta all'immagine
- effetto dell'immagine
- immagine a黑白
- testo di immagine
- blocco di testo di immagine
- testo di immagine trasparente
- immagine a pagina intera
- modulo sull'immagine
- fotogramma
- immagine sfocata di sfondo
- cambiamento di sfondo durante lo scorrimento
- immagini affiancate
- immagine arrotondata
- immagine del profilo
- immagine reattiva
- immagine centrata
- anteprima
- contorno dell'immagine
- introduzione della squadra
- immagine adesiva
- immagine capovolta
- immagine tremolante
- galleria di opere
- galleria di opere filtrabile
- zoom dell'immagine
- lente di ingrandimento delle immagini
- cursore di confronto delle immagini
- icona del sito
- pulsante di avviso
- pulsante a contorno
- pulsante di divisione
- pulsante animato
- pulsante a degradè
- pulsante sull'immagine
- pulsante dei social media
- più/meno lettura
- pulsante di caricamento
- pulsante di download
- pulsante a pilula
- pulsante di notifica
- pulsante a icona
- pulsante pagina successiva/pagina precedente
- più pulsanti nella navigazione
- pulsante in blocco
- pulsante testuale
- pulsante arrotondato
- pulsante di ritorno in alto
- modulo di accesso
- modulo di registrazione
- modulo di checkout
- modulo di contatto
- tabella di accesso sociale
- modulo di registrazione
- modulo con icone
- iscrizione alla newsletter
- modulo accatastato
- modulo reattivo
- modulo a comparsa
- modulo in linea
- cancella il campo di input
- nascondi le frecce numeriche
- copia il testo negli appunti
- ricerca animata
- pulsante di ricerca
- ricerca a schermo intero
- casella di input nella barra di navigazione
- modulo di accesso nella barra di navigazione
- casella di controllo/ pulsante a scelta singola personalizzati
- casella di selezione personalizzata
- commuta l'interruttore
- seleziona la casella di controllo
- detecta il blocco maiuscolo
- attiva il pulsante con la pressione della barra spaziatrice
- verifica della password
- commuta la visibilità della password
- modulo a più passaggi
- completamento automatico
- chiudi completamento automatico
- chiudi la verifica ortografica
- pulsante di caricamento dei file
- Validazione dell'input vuoto
- Video a schermo intero
- Modale
- Modale di eliminazione
- Linea temporale
- Indicatore di scorrimento
- Barra di avanzamento
- Barra di abilità
- Barra di scorrimento della gamma
- Selettore di colore
- Campo email
- Suggerimento
- Elemento visualizzato all'hover
- Finestra pop-up
- Contenuto ripiegabile
- Calendario
- HTML incluso
- Elenco di cose da fare
- Caricatore
- Medaglione
- Valutazione a stelle
- Valutazione degli utenti
- Effetto sovrapposto
- Chip di contatto
- Carta
- Carta capovolta
- Carta del profilo
- Carta del prodotto
- Avviso
- Casella di dialogo
- Appunti
- Etichetta
- Fascia
- Nuvola di etichette
- Cerchio
- Linea orizzontale stilizzata
- Buono sconto
- Gruppo di elenco
- Gruppo di elenco con badge
- Elenco senza elenco
- Testo responsivo
- Testo d'ombra
- Testo luminoso
- Piè di pagina fisso
- Elemento adesivo
- Altezza uguale
- Pulisci il flottante
- Flottante responsivo
- Striscia di notifica
- Finestra a schermo intero
- Disegno di scorrimento
- Scorrimento fluido
- Scorrimento sfumato di sfondo
- Intestazione adesiva
- Riduci l'intestazione quando scorri
- Tavola dei prezzi
- Scorrimento parassita
- Rapporto larghezza/altezza
- Frame inline responsivo
- Cambia preferito/non preferito
- Cambia visualizzazione/nascondimento
- Cambia modalità scura
- Cambia testo
- Cambia classe
- Aggiungi classe
- Rimuovi classe
- Cambia classe
- Classe attiva
- Vista ad albero
- Rimuovi la parte decimale
- Rimuovi attributo
- Rilevamento offline
- Trova elemento nascosto
- Reindirizzamento della pagina web
- Formattazione dei numeri
- Zoom all'hover
- Scatola capovolta
- Centrato verticalmente
- Bottone centrato nel DIV
- Elenco centrato
- Transizione all'hover
- Freccia
- Forma
- Link di download
- Elemento a altezza piena
- Finestra del browser
- Barra di scorrimento personalizzata
- Nascondi la barra di scorrimento
- Mostra/Forza la visualizzazione della barra di scorrimento
- Aspetto del dispositivo
- Bordo del contenuto modificabile
- Colore del segnaposto
- Disabilita l'adattamento delle dimensioni dell'area di testo
- Disabilita la selezione del testo
- Colore di selezione del testo
- Colore dei punti elencati
- Linea verticale
- Linea di divisione
- Linea di divisione del testo
- Icona animata
- Contatore a ritroso
- Effetto di macchina da scrivere
- Pagina in arrivo
- Messaggi di chat
- Finestra di chat pop-up
- Schermo diviso
- Recensioni dei clienti
- Contatore di sezioni
- Scherzi di citazione
- Elementi di elenco chiudibili
- Breakpoint tipici degli dispositivi
- Elementi HTML trascinabili
- Query di media in JavaScript
- Evidenziatore di sintassi
- Animazione in JavaScript
- Lunghezza della stringa in JavaScript
- Operazione esponenziale in JavaScript
- Parametro predefinito in JavaScript
- Numero casuale in JavaScript
- Ordinamento degli array numerici in JavaScript
- JS operatore di espansione
- JS scrolla alla vista
- Ottieni la data corrente
- Ottieni l'indirizzo del sito web corrente
- Ottieni le dimensioni dello schermo corrente
- Ottieni l'elemento iframe
- Pagina precedente Cassetto di Lavoro CodeW3C.com
- Pagina successiva Barra degli iconi
