All for Joomla All for Webmasters

Efeito Degradê em página

Acho esse efeito bem Madly Luv, então, agradeço o blog pela inspiração que me deu (:

O efeito fica assim.

Enfim. É fácil. Primeiro você vai no seu editor de imagens e faz um fundo degradê, assim. A altura da foto precisa ser grande… eu prefiro grande, acho que dá um efeito mais bonito. Mas você escolhe (:

Agora vamos pra codificação. Hospede seu fundo degradê e no /* body */ do seu CSS faça assim:

body {font-size: 10px;
color: #ffffff;
font-family: arial;
text-align: justify;
margin:5px 0 5px 0;
background: url(‘http://imagem.png’) repeat-x #fed9ff;}

Negritei o REPEAT-X porque é parte fundamental do funcionamento. Se você tirar o -x, ou colocar o -y, vai dar errado. E a cor do fundo para dar continuidade ao efeito deve ser da cor de baixo do degradê. Por exemplo: se o degradê é que nem o meu, roxo pra rosa, a cor que vou por no #CORFFF é exatamente a mesma que tá no fim do degradê. Deu pra entender? É isso (:

Nesse tipo de bg, eu sugiro que não use o efeito FIXED no background, sabe que a página roda e o background fica parado, FIXADO? Então… isso dá uma dor no olho terrível nesse efeito KK Então não aconselho.