Applicare un effetto francobollo alle immagini in css

Di Shor, in Css, Guide, Programmazione, Tips/Trick.

3 Commenti

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

3 Commenti Scritto da Shor

Termini legati all'articolo: applicare effetti, classe, Css, effetto francobollo, filatelia, guida, immagine, style, tecnica.

Altri articoli:

Articoli correlati a "Applicare un effetto francobollo alle immagini in css"

Applicare un effetto “Wahrol” alle immagini
Alzi la mano chi non ha mai sentito nominare il celebre Andy Warhol, l'artista che secondo molti avrebbe lanciato la pop art. Forse vi ricorderete
Effetto Popup sulle immagini con CSS
Qui potete aggiungere una descrizione Dopo la guida della scorsa settimana sull'effetto opaco per le immagini con Css, oggi vi spiegherò come applicare un effetto popup
Effetto opaco per immagini con Css
Se volete utilizzare nel vostro sito immagini con effetto opaco anche detto "effetto Off", non c'è bisogno di utilizzare 2 immagini differenti. Potete risparmiare moltissimo tempo
Guida: applicare effetto acqua in movimento alle immagini
Ecco una guida per applicare un effetto acqua in movimento alle immagini in maniera semplice e veloce come vedete nel logo di Geekissimo qui sopra. Per
Applicare effetti alle immagini con Pikipimp
Ecco un sito molto carino che ci permette di poter applicare una serie di immagini alle vostre foto direttamente online senza bisogno di scaricare sowtware,
Seenly: applica tanti effetti alle immagini della webcam
Circa 2 mesi fa vi abbiamo segnalatoCameroid, che vi permetteva di applicare effetti divertenti alle immagini della webcam. Oggi è il turno di Seenly, un applicazione
Graphita: applicare effetti divertenti alle immagini
Ecco una bell'applicazione web davvero divertente, si chiama Graphita e ci consente di applicare effetti divertenti alle immagini. L'uso è semplicissimo, basta andare sul sito
Applicare un effetto specchio alle nostre immagini con pochi click grazie a Wavemypic
Oramai lo sapete tutti, lo sanno anche i bot che visitano Geekissimo e leggono i miei articoli, io e la grafica viviamo su due universi
Rotoscope: trasformare immagini in stile fumetto con effetto “A Scanner Darkly”
Grazie alla segnalazione di Manicalarga, scopro questo simpatico software per trasformare le immagini in fumetti. Si chiama Rotoscope, è un applicazione gratuita, con la quale è
Video Tutorial: come applicare un effetto vintage alle foto in GIMP
Che lo si faccia per puro diletto, o accingendosi a muovere i primi passi in vista di una (sperata) carriera nell'ambiente grafico, è sempre interessante

Commenti:

Sono stati scritti 3 commenti su "Applicare un effetto francobollo alle immagini in css"

Mister6339

Questo articolo lo avevo fatto uguale anche io tempo fà! Molto carino come Effetto.

Rispondi | Quota

3 gennaio 2008 alle 7:37 pm
softcodex

bello perché siete tornati a parlare anche di CSS, ma l’effetto direi che non é molto usabile.

Rispondi | Quota

4 gennaio 2008 alle 9:26 am
links for 2008-01-04 « Andy’s Blog

[...] » Applicare un effetto francobollo alle immagini in css Geekissimo (tags: css) [...]

4 gennaio 2008 alle 7:17 pm