Nwlapcug.com


Effetti di colore CSS Rollover

Utilizzando un effetto di colore di fogli di stile CSS rollover, o mouseover, può aggiungere l'appeal estetico del tuo sito Web e consentono di aggiungere enfasi agli elementi. È possibile specificare un effetto di colore di rollover per aiutare i visitatori a fare clic sul link corretto o la voce di menu, ad esempio. pseudo-L'elemento di CSS "hover" è un modo per aggiungere effetti di rollover il tuo sito Web.

Priorità bassa

Un effetto di rollover CSS base è possibile modificare il colore di sfondo dell'elemento. È possibile specificare questo effetto per i collegamenti di testo e un colore di sfondo diverso appariranno direttamente dietro al testo. Se si applicano effetti hover sfondo a un elemento più grande, come un elemento di elenco o cella della tabella, è possibile che un rettangolo più grande cambierà colore di sfondo quando il visitatore passa sopra il contenuto dell'elemento.

Colore del testo

È anche possibile modificare solo il colore di ribaltamento del testo. Questa è pratica comune quando stai styling collegamenti ipertestuali, ancore. È possibile utilizzare un effetto hover sottile e cambiare da una luce di porpora scuro, per esempio. Potrebbe comportare un effetto di rollover più drastico modificare un link o testo dal rosso al blu al passaggio del mouse. Quando il visitatore rimuove il suo mouse dall'immagine, restituisce il colore originale.

Confine

Non solo è possibile specificare colori di sfondo e link o testo su rollover, ma è possibile modificare il colore del bordo e lo stile con i CSS. È sufficiente modificare il confine da un colore a altro o si possono aumentare e diminuire la larghezza del bordo. Per ottenere un effetto di rollover drammatica soprattutto, si può combinare il colore cambia con i cambiamenti di stile di bordo. Ad esempio, è possibile specificare uno stile di bordo inset o inizio a rendere un elemento, ad esempio link, simile a un pulsante, senza l'uso delle immagini. Cambiare questo inserto all'inizio, o viceversa, al momento di ribaltamento crea l'aspetto di un pulsante viene premuto.

Varie

Altri effetti di colore di rollover includono cambiando il colore di una linea sopra o sotto il vostro elemento. Queste linee, soprattutto sottolinea, sono comuni per i collegamenti di testo o immagine. È possibile specificare il colore di questa linea con CSS. Oltre a questo, è possibile scegliere da stili che vanno dal solido linee punteggiate per tratteggiata. CSS supporta anche la possibilità di creare un colorato, doppia sottolineatura.