Vai al contenuto

CSS senza immagini per tooltip

Qualche tempo fa, Tantek Celik ha pubblicato uno studio sui poligoni regolari utilizzando un trucco CSS poco conosciuto per creare forme non rettangolari, come triangoli e pentagoni, con niente di più che un elemento HTML ordinario.

Nel design dei tooltip, abbastanza comuni in quasi tutti i siti web attuali, viene utilizzato una piccola immagine triangolare di sfondo per creare abbastanza facilmente il puntatore del tooltip stesso.

Filament Group tuttavia volendo mantenere jQuery UI interamente modificabile con l’utilizzo di temi, ha notato che l’uso di un’immagine a tal fine precluderebbe la flessibilità di jQuery UI stesso.

Come risolvere questo problema senza alcun bisogno di immagini?
Questa sfida ha portato Filament Group al seguente approccio sperimentale utilizzando un CSS ‘poligonale’.

Un ottimo articolo che consiglio a tutti di leggere: Image-free CSS Tooltip Pointers – A Use for Polygonal CSS?

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi