Background Gradiente

Categoria: Uncategorized
write a essay

radientz é um plugin do jQuery para gerar background gradiente sem usar imagens. É um plugin bem leve (com 2.2k não comprimido).

Você especifica as cores inicial e final com valores do CSS background-color (hexadecimal ou nominal, exemplo: #08f ou red). Você também pode especificar as opções “distance” que será a largura/altura do efeito, “angle” especifica o grau de inclinição, padrão é “0” (vertical) e a opção “css” determina o CSS adicional, o padrão é “top: 0px; left: 0px”.

1
2
3
4
5
6
7
$(selector).gradientz({
   start: "red",     // cor inicial
   end: "blue",      // cor final
   distance: 100,    // distancia entre o ponto final e inicial
   angle: 72,        // angulo de inclinação, 0 = vertical, 90 = horizontal
   css: "right: 0px" // css adicional, o padrão é "top: 0px; left: 0px"
});

Links:
Link do exemplo
jquery-1.4.js
gradientz.js
Exemplo comprimido


Sobre o Autor
Junior Moro em Campo Grande, Mato Grosso do Sul e sou programador na dothCom.
Posts Relacionados
Comentários