disign.it | CSS: costruire box con angoli concavi | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 5.973 visualizzazioni

CSS: costruire box con angoli concavi

15/11/2011

Fra le tante tecniche CSS con un po di fantasia possiamo costruire un box i cui angoli siano diciamo concavi.

Ovviamente si tratta di utilizzare div che si sovrappongono e attraverso l'uso dei float, dei bordi con i loro attributi e dei margini l'effetto visivo è quello di un angolo 'rientrato'.

Nell'esempio che presento viene semplicemente usata questa tecnica per realizzare i due angoli superiori, ampliando la realizzazione del CSS gli stessi angoli possono essere contenitori di immagini che arricchiscano la grafica dell'esempio presentato.

Qui il link.

CSS
← Breadcrumb con javascript CSS: opacità cross browser →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.