Applicare un effetto francobollo alle immagini in css

Shor (Angelo Di Veroli)

3 Gen 2008

Era da un bel po di tempo che non segnalavo qualche tecnica per applicare effetti alle immagini in css. Oggi voglio spiegarvi come applicare un effetto francobollo alle immagini in css.

L’effetto finale è la cornicetta che vedete nello screenshot soprastante, non servirà a tutti, ma se avete intenzione di aprire un sito o un blog sulla filatelia potrebbe tornarvi utile! Ecco a voi il codice da inserire per ottenere l’effetto francobollo:

Codice da inserire nel vostro foglio style.css:

      .francobollo{

        border:5px dotted #fff !important;

        padding:4px;

        background:#ccc !important;

       border:5px dashed #ccc;

      }

Una volta inserito il codice qui sopra nel vostro css, vi basterà richiamare la classe all’interno della vostra immagine, inserendo class=”francobollo”.

Via | Xiberneticos.com