Aqui você verá artigos sobre CSS
Moderador: web
por web Offline » Ter Fev 12, 2008 8:50 am
|
|
Vou mostrar aqui uma forma de aplicar efeito gradiente sobre um texto usando png.
Para o efeito você deve criar uma imagem transparente, em png, com altura relativa ao seu texto.
Use o seguinte png para esse exemplo
Para salvar o gradiente, segure a tecla Ctrl e dê um click no link abaixo, vai abrir uma nova janela, só que é claro, não vai ver o gradiente porque ele é transparente.
Para vê-lo, pressione Ctrl+a que irá deixá-lo selecionado, em seguida, clique com o botão direito do mouse sobre ele e escolha: Salvar imagem como...
http://www.codigosnaweb.com/gradiente.png
Agora o código
- Código: Selecionar todos
<style type="text/css">
div {
position: relative;
font-family:arial;
font-size:300%;
color: black;
}
div span {
background: url(fade.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 100%;
}
</style>
<div><span></span>GRADIENTE</div>
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb [@] hotmail [.] com
web
ADMIN
Mensagens: 11889
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre CSS
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
