Preguntas etiquetadas con gradient

Especifica un rango de colores dependientes de la posición, que generalmente se usa para rellenar una región.



7
CSS3 Transparencia + Gradiente
RGBA es muy divertido, y también lo es -webkit-gradient, -moz-gradienty uh ...progid:DXImageTransform.Microsoft.gradient ... sí. :) ¿Hay alguna manera de combinar los dos, RGBA y gradientes, para que haya un gradiente de transparencia alfa usando las especificaciones CSS actuales / más recientes?
286 css  gradient 

17
Bordes degradados
Estoy tratando de aplicar un degradado a un borde, pensé que era tan simple como hacer esto: border-color: -moz-linear-gradient(top, #555555, #111111); Pero esto no funciona. ¿Alguien sabe cuál es la forma correcta de hacer gradientes fronterizos?
274 css  gradient 

9
Android LinearLayout Gradient Background
Tengo problemas para aplicar un fondo degradado a un diseño lineal. Esto debería ser relativamente simple de lo que he leído, pero simplemente no parece funcionar. Por motivos de referencia, estoy desarrollando 2.1-update1. header_bg.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="90" android:startColor="#FFFF0000" android:endColor="#FF00FF00" android:type="linear"/> </shape> main_header.xml: <?xml version="1.0" encoding="utf-8"?> …

9
Cómo hacer un fondo degradado en Android
Quiero crear un fondo degradado donde el degradado esté en la mitad superior y haya un color sólido en la mitad inferior, como en esta imagen a continuación: No puedo porque se centerColorextiende para cubrir la parte inferior y superior. ¿Cómo puedo hacer un fondo como la primera imagen? ¿Cómo …

15
Usa transiciones CSS3 con fondos degradados
Estoy tratando de hacer la transición al pasar el mouse con css sobre una miniatura para que al pasar el cursor, el gradiente de fondo se desvanezca. La transición no funciona, pero si simplemente lo cambio a un rgba()valor, funciona bien. ¿Los gradientes no son compatibles? Intenté usar una imagen …


5
Formas de gradiente múltiple
Me gustaría crear una forma similar a la siguiente imagen: Observe los gradientes de la mitad superior del color 1 al color 2, pero hay una mitad inferior que se gradúa del color 3 al color 4. Sé cómo hacer una forma con un solo degradado, pero no estoy seguro …
177 android  gradient  shapes 



10
Degradados en Internet Explorer 9
¿Alguien conoce el prefijo del proveedor para los gradientes dentro de IE9 o se supone que todavía estamos usando sus filtros de propiedad? Lo que tengo para los otros navegadores es: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', …

7
Gradiente circular en android
Estoy tratando de hacer un degradado que emite desde el centro de la pantalla en blanco y se vuelve negro a medida que se mueve hacia los bordes de la pantalla. Mientras hago un degradado "normal" como este, he estado experimentando con diferentes formas: <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#E9E9E9" android:endColor="#D4D4D4" …
109 android  gradient 

4
Degradado de n colores que van desde el color 1 al color 2
A menudo trabajo con ggplot2eso hace que los degradados sean agradables ( haga clic aquí para ver un ejemplo ). Tengo la necesidad de trabajar en la base y creo que también scalesse puede usar allí para crear degradados de color, pero estoy muy equivocado sobre cómo. El objetivo básico …
108 r  gradient 

6
Gradiente SVG usando CSS
Estoy tratando de aplicar un degradado a un rectelemento SVG . Actualmente, estoy usando el fillatributo. En mi archivo CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Y el rectelemento tiene el color de relleno correcto cuando se ve en el navegador. Sin embargo, me gustaría saber si …

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.