/ / 26 febbraio 2008 / / 2 Commenti »/ / Internet, Tecnologia
I circa ottimizzato il blog più e ha deciso di aggiungere un bel testo-ombra per la notizia. Se stai usando un browser 3a-mondo, probabilmente non si vede, però, è un Safari supportato solo cosa CSS.
Ora non fraintendermi, io sono stato io per FireFox utilizzando un po 'anni, inferno, abbiamo anche organizzato una festa per la liberazione in, uhm, 2003? per la prima release di Heidelberg, in Germania.
Ma quando digitale amico Ben mi Safari plug Saft, ho provato e ha confermato con essa, mai guardare indietro. Safari & Saft insieme kick Fox davvero in guscio. Ha tante funzioni, check it out qui. E 'vicino a un nulla di fatto i costi per tutti i servizi offerti e brillante è un must per i blogger e navigatori gravi.
La cosa è che rende siti web Safari guardare tanto meglio utilizzando una sorta di anti-aliasing sul testo. Se si naviga molto e leggere un lotto è così molto più confortevole.
Comunque, tornando alla CSS. Quindi, come si usa il codice CSS dichiarazione tuo foglio di stile?
Ecco alcuni esempi.
È possibile leggere solo con Safari.
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # 000 0px 0px 3px; color: # fff;.
Come su un rosso ombra?
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # F00 2px 2px 2px;.
Elegante titolo ombra necessaria?
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # aaa 1px 1px 1px;.
Ecco qualche ombra sopra il testo ...
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # 666 0px-5px 1px;.
Blue ombra lontano? Nessun problema!
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # 00f 15px 15px 3px;.
Ultimo esempio: Extreme offuscata ombra!
Paragrafo precedente utilizza il seguente testo ombra impostazioni: text-shadow: # 6f0 3px 3px 5px;.
Nizza, giusto?
E 'abbastanza facile da applicare, in genere si hanno quattro valori per impostare il vostro ombra:
1. Prima di impostare il colore di ombra. # F00 per il rosso, # 0f0 di verde e così via. Ogni colore esadecimale è possibile.
2. Ora si è impostato il orizzontali spazio per il testo (l'asse x), ad esempio 5 pixel (5px). Può essere un qualsiasi numero, propongo qui utilizzando px.
3. Poi lo spazio verticale rispetto al testo (y), 3 pixel per esempio (3px).
4. L'ultima impostazione è la quantità di sfocatura che dovrebbe avere l'ombra. Un valore di 0px dà l'ombra a tutti i non sfocatura, mentre qualsiasi impostazione su 5px rende l'ombra completamente illeggibile. Suggerisco una impostazione tra 1px e 3px.
Oh, e anche Safari è ora disponibile per Windows, se si vuole fare un tentativo ... Scarica qui la versione beta!
Come potete vedere (se si utilizza Safari), questo è piuttosto un luogo fresco e dichiarazione molto utili per lo styling e tali titoli senza dover utilizzare le immagini. Se solo altri browser che supportano, troppo ...
Vediamo cosa ci riserva il futuro porta!
