Ayúdanos Con Tu Donación

Una Nueva Manera para usar Fondos Degradados

Hoy les traigo una manera de usar fondos degradados (background-image) usando jQuery y un plugin que yo mismo optimizé basandome en JACG Plugin el cual sirve para generar gradientes lineales pero con la limitacion de que solo son verticales, yo me he dado el trabajito de expandir un poco eso, y les presento Degradados&Corners un plugin que combina el uso de degradados para estilizar fondos (sustituto css: background-image) y para redondear elementos usando CSS3.

A Continuacion Ejemplos de Uso

Primero Llamamos a las Librerias

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.0.1"></script>
<script type="text/javascript"
src="degradadosandcorners.min.js"></script>

Luego Empezamos a Jugar con los colores y radios de los bordes

$(selector).corner({
radius: "15px"
}).degradado({
start: "#aaaaff",
end: "000000",
from: "top"});

con esto generamos una zona de con un borde redondeado de 15px de ratio y un degradado lineal de abajo hacia arriba desde “#aaaaff” [un azul claro] a “#000000″ [negro].

Pueden ver todos los Valores Posibles justo aqui poco a poco iré añadiendole funcionalidades a medida que las consiga.

1