/ / 26. De fevereiro de 2008 / / 2 Comments »/ / Internet, Tecnologia
I tweaked volta o blog um pouco mais e decidiu acrescentar um belo texto-sombra para as manchetes. Se você estiver usando um navegador 3o do mundo, você provavelmente vai vê-lo, porém, é um Safari apenas suportado CSS coisa.
Agora não me interpretem mal, tenho sido eu mesmo usando o Firefox há bastante anos, diabos, nós ainda organizada uma libertação para ela voltar, em parte, uhm, 2003? muito para o primeiro lançamento em Heidelberg, Alemanha.
Mas quando Ben digital amigo me apresentou o Safari plugin Saft, eu tentei sair e sticked com ele, nunca olhar para trás. Safari & Saft juntamente chutar o Fox realmente na casca rija. Ela tem tantas características, check it out here. Não custa nada para o próximo a todas as funcionalidades oferecidas e brilhante é um must-ter para blogueiros graves e surfistas.
O fato é que o Safari torna websites olhar muito melhor, usando algum tipo de anti-aliasing sobre o texto. Se você navegar e ler um lote um lote é muito mais confortável.
Enfim, de volta ao CSS. Então, como você usa a declaração CSS em sua folha de estilo?
Aqui estão alguns exemplos.
Você só pode ler isto com o Safari.
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # 000 0px 0px 3px; color: # fff;.
Como sobre uma sombra vermelho?
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # F00 2px 2px 2px;.
Elegante manchete sombra necessária?
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # aaa 1px 1px 1px;.
Eis alguns sombra acima do texto ...
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # 666 0px-5px 1px;.
Blue sombra longe? Não tem problema!
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # 00f 15px 15px 3px;.
Último exemplo: Extreme turva sombra!
Parágrafo acima usa o seguinte texto-sombra definições: text-shadow: # 6f0 3px 3px 5px;.
Nice, direita?
É muito fácil de aplicar, geralmente você tem quatro valores para configurar sua sombra:
1. Primeiro, você definir a cor da sombra. # F00 para vermelho, verde # 0f0 para e assim por diante. Qualquer cor hexadecimal é possível.
2. Agora você definir o espaço horizontal do texto (o eixo-x), 5 pixels por exemplo (5px). Pode ser qualquer número, sugiro usar px aqui.
3. Em seguida, o espaço vertical em relação ao texto (o eixo y), 3 pixels por exemplo (3px).
4. A última definição é a quantidade de desfoque que a sombra deve ter. Um valor de 0px dá a sombra não desfocar a todos embora qualquer definição sobre 5px faz a sombra totalmente ilegível. Sugiro um ajuste entre 1px e 3px.
Ah, eo Safari também está disponível para o Windows agora, se quiser dar-lhe uma tentativa ... Faça o download da versão beta, aqui!
Como você pode ver (se você usa o Safari), esta é uma declaração e esfriar bastante útil para styling manchetes e sem ter que usar essas imagens. Se somente outros navegadores que suportam, também ...
Vamos ver o que o futuro traga!