Perguntas com a marcação «gradient»

Especifica um intervalo de cores dependentes da posição, geralmente usadas para preencher uma região.


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 …

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 …

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 …


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 



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: …

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 …

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.