html - online - gradient css

Gradientes CSS3 por píxel, en lugar de porcentaje

Question

Quiero crear un fondo de degradado lineal, que se ajuste al mismo sin importar el tamaño de la ventana del navegador, para acomodar un encabezado de altura fija, un subencabezado y un div de contenido

Mi problema es que no quiero que el gradiente se amplíe cuando muevo la página. Podría usar una imagen de 1px de ancho para obtener el mismo resultado, supongo, pero en última instancia quiero que el sitio esté tan libre de imágenes como sea posible, salvo el logotipo.

¿Es posible utilizar un gradiente definido en píxeles en lugar de un gradiente definido en porcentaje?

Answer 1

Sí tu puedes. Puede sustituir unidades estándar en lugar de los porcentajes. Vea este ejemplo:

http://dabblet.com/gist/1856111

background: linear-gradient(left, #729fcf 10px, #4c7bb4 20px, #3465a4 63%, #204a87 100%);

Answer 2

Si necesita un gradiente de tamaño fijo, use la propiedad de background-size para especificar su tamaño.