Programação gradient

16

Como combinar uma imagem de fundo e um gradiente CSS3 no mesmo elemento?

Como uso gradientes CSS3 para o meu background-colore aplico a background-imagepara aplicar algum tipo de textura transparente clara?

1251 css background-image gradient

12

O fundo gradiente CSS3 definido no corpo não se estica, mas repete?

ok, digamos que o conteúdo <body>totalize 300px de altura. Se eu definir o plano de fundo do meu <body>uso -webkit-gradientou-moz-linear-gradient Depois, maximizo minha janela (ou apenas a levo a mais de 300px), o gradiente terá exatamente 300px (a altura do conteúdo) e repito para preencher o restante da janela. Estou …

430 css gradient

7

Transparência CSS3 + Gradiente

RGBA é extremamente divertido, e assim é -webkit-gradient, -moz-gradiente, uh ... progid:DXImageTransform.Microsoft.gradient... sim. :) Existe uma maneira de combinar os dois, RGBA e gradientes, para que haja um gradiente de transparência alfa usando as especificações CSS atuais / mais recentes.

286 css gradient

17

Bordas de gradiente

Estou tentando aplicar um gradiente a uma borda, achei tão simples quanto fazer isso: border-color: -moz-linear-gradient(top, #555555, #111111); Mas isso não funciona. Alguém sabe qual é a maneira correta de fazer gradientes de borda?

274 css gradient

9

Fundo de gradiente de layout linear Android

Estou tendo problemas para aplicar um plano de fundo gradiente a um LinearLayout. Isso deve ser relativamente simples do que eu li, mas simplesmente não parece funcionar. Para fins de referência, estou desenvolvendo o 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 …

246 android android-layout android-linearlayout gradient

9

Como fazer fundo gradiente no android

Eu quero criar um fundo gradiente onde o gradiente está na metade superior e há uma cor sólida na metade inferior, como nesta imagem abaixo: Eu não posso, porque o se centerColorespalha para cobrir o fundo e o topo. Como criar um plano de fundo como a primeira imagem? Como …

229 android background gradient shapes

15

Use transições CSS3 com planos de fundo gradientes

Estou tentando fazer a transição ao passar o mouse com css sobre uma miniatura, para que, ao passar o mouse, o gradiente de segundo plano diminua. A transição não está funcionando, mas se eu simplesmente a alterar para um rgba()valor, ela funcionará bem. Gradientes não são suportados? Eu tentei usar …

215 css gradient css-transitions

17

IE9 raio da borda e sangramento no gradiente de fundo

Aparentemente, o IE9 é capaz de lidar com cantos arredondados usando a definição padrão CSS3 de border-radius. E o suporte ao raio da borda e ao gradiente de fundo? Sim, o IE9 é suportá-los separadamente, mas se você misturar os dois, o gradiente sangra pelo canto arredondado. Também estou vendo …

191 internet-explorer-9 gradient compass-sass css

5

Formas multi-gradiente

Gostaria de criar uma forma semelhante à seguinte imagem: Observe a metade superior dos gradientes da cor 1 à cor 2, mas há uma metade inferior dos gradientes da cor 3 à cor 4. Eu sei como fazer uma forma com um único gradiente, mas não sei como dividir uma …

177 android gradient shapes

19

Obtenha cores ligeiramente mais claras e mais escuras da UIColor

Eu estava procurando ser capaz de transformar qualquer UIColor em um gradiente. A maneira como pretendo fazer isso é usar o Core Graphics para desenhar um gradiente. O que estou tentando fazer é obter uma cor, digamos: [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; e obtenha um UIColor que é alguns tons …

144 objective-c ios core-graphics gradient uicolor

4

Pytorch, quais são os argumentos gradientes

Estou lendo a documentação do PyTorch e encontrei um exemplo onde eles escrevem gradients = torch.FloatTensor([0.1, 1.0, 0.0001]) y.backward(gradients) print(x.grad) onde x era uma variável inicial, a partir da qual y foi construído (um 3-vetor). A questão é: quais são os argumentos de 0,1, 1,0 e 0,0001 do tensor de …

112 neural-network gradient pytorch torch gradient-descent

10

Gradientes no Internet Explorer 9

Alguém sabe o prefixo do fornecedor para gradientes no IE9 ou ainda devemos usar seus filtros de propriedade? O que tenho para os outros navegadores é: 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', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: …

111 css background internet-explorer-9 gradient

7

Gradiente circular no Android

Estou tentando fazer um gradiente que emite do meio da tela em branco e se transforme em preto conforme se move em direção às bordas da tela. À medida que faço um gradiente "normal" como este, tenho experimentado diferentes formas: <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#E9E9E9" android:endColor="#D4D4D4" android:angle="270"/> </shape> Ao usar …

109 android gradient

4

Gradiente de n cores variando de cor 1 e cor 2

Costumo trabalhar com ggplot2isso torna os gradientes legais ( clique aqui para ver um exemplo ). Eu tenho uma necessidade de trabalhar na base e acho que scalespode ser usado lá para criar gradientes de cor também, mas estou seriamente errado sobre como. O objetivo básico é gerar uma paleta …

108 r gradient

6

Gradiente SVG usando CSS

Estou tentando aplicar um gradiente a um rectelemento SVG . Atualmente, estou usando o fillatributo. No meu arquivo CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } E o rectelemento tem a cor de preenchimento correta quando visualizado no navegador. No entanto, gostaria de saber se posso aplicar um …

102 css svg gradient linear-gradients

Perguntas com a marcação «gradient»