Perguntas com a marcação «shapes»

1846
Como os triângulos CSS funcionam?

Como fazer o upload de arquivos em Stack Overflow no local : Como fazer CSS? Existem muitas formas CSS diferentes em CSS Tricks - Shapes of CSS e estou particularmente intrigado com um triângulo: #triangle-up { width: 0; height: 0; border-left: 50px solid

321
Criando um menu radial em CSS

Como crio um menu parecido com este ... Link para PSD Não quero usar as imagens PSD. Eu preferiria usar ícones de alguns pacotes como FontAwesome e ter os backgrounds / css gerados em CSS. Uma versão do menu que está usando o PSD para gerar imagens da dica de ferramenta e depois usá-la pode...

229
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 posso fazer...

222
Como crio uma lágrima em HTML?

Como crio uma forma como essa para ser exibida em uma página da web? Eu não quero usar imagens, pois elas ficam embaçadas no dimensionamento Eu tentei com CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px;...

206
Como esse CSS produz um círculo?

Este é o CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Como ele produz o círculo abaixo? Suponha que, se a largura do retângulo for de 180 pixels e a altura de 180 pixels, apareceria assim: Depois de aplicar o raio da borda de 30 pixels, apareceria...

177
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 forma em duas metades e faça 1 forma...

171
Canto arredondado para textview no android

Eu tenho uma visualização de texto e quero que seu canto seja redondo. Eu já sei que isso pode ser feito usando android:background="@drawable/somefile". No meu caso, essa tag já está incluída e, portanto, não pode ser usada novamente. por exemplo, android:background="@drawable/mydialogbox"já existe...

157
Borda em forma xml

Estou tentando fazer um drawable para usar em um botão. Gostaria que tivesse essa coloração, com uma borda de 2px ao redor. Tudo funciona muito bem, exceto que eu não consigo fazer a borda aparecer ... <?xml version="1.0" encoding="utf-8"?> <shape

156
css: como desenhar um círculo com texto no meio?

Encontrei este exemplo no stackoverflow: Desenhar círculo usando css sozinho O que é ótimo. Mas gostaria de saber como modificar esse exemplo para incluir texto no meio do círculo? Também encontrei o seguinte: centralizar vertical e horizontalmente o texto em círculo em CSS (como o emblema de...

124
Raio da borda em porcentagem (%) e pixels (px) ou em

Se eu usar um valor de pixel ou em para o raio da borda, o raio da borda será sempre um arco circular ou uma forma de pílula mesmo que o valor seja maior que o lado maior do elemento. Quando uso porcentagens , o raio da aresta é elíptico e começa no meio de cada lado do elemento, resultando em...

114
Cor da borda personalizada do triângulo CSS

Tentativa de usar uma cor hexadecimal personalizada para meu triângulo css (borda). No entanto, uma vez que ele usa propriedades de borda, não tenho certeza de como fazer isso. Eu gostaria de evitar javascript e css3 simplesmente por causa da compatibilidade. Estou tentando fazer com que o...

112
CSS Progress Circle [fechado]

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 5 anos . Melhore esta questão...

102
Como fazer uma flecha extravagante usando CSS?

Ok, então todos sabem que você pode fazer um triângulo usando isto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } E isso produz um triângulo sólido preenchido. Mas como você faria um triângulo em...