Tag: pseudo elementi

Generare separatori di breadcrumb con css

breadcrumb

Oltre alla creazione delle breadcrumb (briciole), anche per quella dei soli separatori bisogna affidarsi ad un programmatore o a chi ne sa più di noi sui vari linguaggi e via discorrendo. Tuttavia a monitor non risultano mai allineati al testo e sono sempre sproporzionati. In questo articolo Gabriele Romanato ci mostra come risolvere mediante la [...]

Leggi tutto

Pulsanti css3 e box-shadow

pulsanti css3

Con questa pillola del laboratorio spieghiamo come utilizzare al meglio la proprietà box-shadow del css3 e creare pulsanti accattivanti  per i nostri siti web. Da dove comincio? Prendiamo in esame un solo pulsante, quindi creiamo un’ancora attribuendole due classi, “.button_one” per colore, ombre e sfumature, e “.glass” esclusivamente per l’effetto “vetro” in alto. Ecco il [...]

Leggi tutto

Float center con pseudo elementi

Float center con pseudo elementi

Nel web nulla è impossibile da realizzare, spero che in molti condividiate la mia idea, soprattutto quando si tratta di riportare un layout grafico nel suo corrispondente codice html e css. L’abilità di un web designer sta anche in questo, trovare la miglior soluzione strutturale ad una specifica situazione grafica. Leggendo tra i vari feed [...]

Leggi tutto

ClearFix e MicroClearFix

clearfix

MicroClearFix è un aggiornamento del codice ClearFix; prima di capire le migliorie di questo update vediamo prima di tutto in cosa consiste il metodo da cui deriva. Che cos’è ClearFix e cosa fa? ClearFix è un metodo di annullamento float (qui l’articolo su altri tipi di annullamento) che si basa sullo pseudo-elemento :after, il suo [...]

Leggi tutto
Feed Rss Valid