Cartolina natalizia in CSS

Monday 21 December 09 by Onsitus in CSS Tips

Cartolina natalizia in css

Quest’anno, per presentare miei auguri natalizi, ho deciso di creare per divertimento questa cartolina puramente in css.

Ho usato qualche proprietà  css3 come opacity per gestire la trasparenza delle ’stelline’ e ‘fiocchi di neve’, font-face per un carattere di testo natalizio, box-shadow per l’ombreggiatura delle renne e la slitta di Babbo Natale e border-radius per i angoli arrotondati della cartolina.

Il migliore effetto finale è ottenuto con Safari e Firefox 3.5 per il loro supporto delle proprietà css3 ma la cartolina rimane altrettanto gradevole con gli altri browsers.

Di seguito, le preview de la cartolina natalizia in css fatte con i maggiori browsers:

Css Cartolina natalizia css3 compatibilità 

Visualizza la cartolina css online…

Allego zip file da scaricare gratuitamente:

  css_christmas_card_2009.zip (86.8 KiB, 786 hits)

Buone feste a tutti!!!

2 commenti

Rimani aggiornato con il RSS Feed

{ 2 comments… read them below or add one }

yesWEBcan 12.26.09 at 01:09

Grazie per la cartolina e Tanti Tanti Auguri di BUON NATALE

Francesco 08.16.10 at 09:54

simpatica questa idea! sul mio firefox 4 la cartolina si vede un po’ confusa però (e mancano alcuni particolari come i fiocchi di neve dentro le lettere).. forse un baco di firefox?

Scrivi un commento

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Css menu gratuito orizzontale dropdown a 3 livelli