28 agosto, 2010
Oggi Zoomart Magazine compie un anno!
Per festeggiare raccogliamo una selezione dei migliori 5 articoli del blog, riguardando insieme foto, idee e suggerimenti proposti durante l’anno. (continua…)
Articoli marcati con tag ‘Web Design’
Happy birthday Zoomart Magazine!
text-shadow per aggiungere ombre al testo
14 agosto, 2010
CSS3 elimina la necessità di utilizzare Photoshop per aggiungere semplici ombre al testo.
La proprietà text-shadow si utilizza in questo modo:
text-shadow: 2px 2px 2px #000;
Con questo risultato:
Chi utilizza Safari 3+, Google Crome, Opera 9.5, Firefox 3.1(pre-Alpha), Konqueror o iCab dovrebbe vedere un’ombra grigia intorno a questo testo.
CSS3 Opacity
14 agosto, 2010
Opacity rappresenta una delle funzioni CSS3 maggiormente implementate.
Ecco un esempio:
Colori HSLA
14 agosto, 2010
HSLA permette di aggiungere un quarto valore ad i colori HSL, che definisce l’opacità del colore.
Ecco un esempio:
Ed il CSS utilizzato nel primo caso è:
background-color: hsla(0,100%,50%,0.2);
background-color: hsla(0,100%,50%,0.4);
background-color: hsla(0,100%,50%,0.6);
background-color: hsla(0,100%,50%,0.8);
background-color: hsla(0,100%,50%,1);
background-color: hsla(0,100%,50%,0.4);
background-color: hsla(0,100%,50%,0.6);
background-color: hsla(0,100%,50%,0.8);
background-color: hsla(0,100%,50%,1);
Mentre nel secondo caso lo stesso risultato è ottenuto con valori RGB:
background-color: rgb(243,191,189);
background-color: rgb(246,143,142);
background-color: rgb(249,95,94);
background-color: rgb(252,47,47);
background-color: rgb(255,0,0);
background-color: rgb(246,143,142);
background-color: rgb(249,95,94);
background-color: rgb(252,47,47);
background-color: rgb(255,0,0);