Programación gradient

16

¿Cómo combino una imagen de fondo y un gradiente CSS3 en el mismo elemento?

¿Cómo uso los gradientes CSS3 para mi background-colory luego aplico a background-imagepara aplicar algún tipo de textura transparente clara?

1251 css background-image gradient

12

El fondo degradado CSS3 establecido en el cuerpo no se estira, sino que se repite.

Ok, digamos que el contenido dentro de los <body>totales de 300 px de alto. Si configuro el fondo de mi <body>uso -webkit-gradiento-moz-linear-gradient Luego maximizo mi ventana (o simplemente la hago más alta que 300px), el gradiente será exactamente 300px alto (la altura del contenido) y solo repito para llenar el …

430 css gradient

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"?> …

246 android android-layout android-linearlayout gradient

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 …

229 android background gradient shapes

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 …

215 css gradient css-transitions

17

IE9 radio de borde y gradiente de fondo sangrado

IE9 aparentemente puede manejar esquinas redondeadas mediante el uso de la definición estándar CSS3 de border-radius. ¿Qué pasa con la compatibilidad con el radio del borde y el gradiente de fondo? Sí, IE9 es para admitirlos a ambos por separado, pero si mezcla los dos, el degradado se desangra por …

191 internet-explorer-9 gradient compass-sass css

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

19

Obtenga un color ligeramente más claro y más oscuro de UIColor

Estaba buscando poder convertir cualquier UIColor en un degradado. La forma en que tengo la intención de hacer esto es usando Core Graphics para dibujar un degradado. Lo que intento hacer es obtener un color, digamos: [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; y obtener un color UIC que es un poco …

144 objective-c ios core-graphics gradient uicolor

4

Pytorch, ¿cuáles son los argumentos del gradiente?

Estoy leyendo la documentación de PyTorch y encontré un ejemplo donde escriben gradients = torch.FloatTensor([0.1, 1.0, 0.0001]) y.backward(gradients) print(x.grad) donde x era una variable inicial, a partir de la cual se construyó y (un 3-vector). La pregunta es, ¿cuáles son los argumentos 0.1, 1.0 y 0.0001 del tensor de gradientes? …

112 neural-network gradient pytorch torch gradient-descent

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', …

111 css background internet-explorer-9 gradient

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 …

102 css svg gradient linear-gradients

Preguntas etiquetadas con gradient