Resultados da pesquisa a pedido "css-shapes"

2 a resposta

Gire um elemento de plano de fundo levemente

Eu criei um layout em que o elemento de plano de fundo é ligeiramente girado para o canto superior esquerdo. Mas, no entanto, vi algo que você pode fazer com SVG, mas nunca trabalhou com isso antes. Agora eu uso a seguinte técnica: .background ...

3 a resposta

Círculos sobrepostos sangrando

eu tenho umposition:relative anel verde com umposition:absolute clone vermelho:before e umposition:absolute clone branco:after cobrindo os dois (já que estão no mesmo local e têm o mesmo tamanho). O problema é: fica ruim nos dois navegadores ...

3 a resposta

células de formato hexagonal em html [duplicado]

Esta pergunta já tem uma resposta aqui: Gere padrão hexagonal repetido com CSS3 [/questions/10062887/generate-repeating-hexagonal-pattern-with-css3] 7 respostas Existe uma maneira de projetar um bloco html que é uma grade hexagonal? Semelhante ...

2 a resposta

CSS: hexágono alongado responsivo com texto e fundo / borda gradiente

Estou tentando criar dois hexágonos alongados como: [/imgs/6H87z.png] Os principais recursos devem ser: possibilidade de adicionar um fundo gradientepossibilidade de adicionar uma borda gradienteo texto pode ter duas linhas ou uma ...

1 a resposta

Alinhar texto 45 graus [duplicado]

Esta pergunta já tem uma resposta aqui: Alinhar texto na linha inclinada [/questions/27876883/align-text-on-slanted-line] 4 respostas [/imgs/troCo.jpg] Eu gostaria de obter um efeito de alinhamento de texto como na tela acima. Alguma sugestão?

2 a resposta

Círculo com três cores de borda diferentes

Eu tenho esse CSS para um círculo com uma cor de borda: .circle { border: 6px solid #ffd511; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; width: 30px; height: 18px; line-height: 20px; ...

3 a resposta

Fundo com gradiente responsivo

Eu tenho o seguinte código: (Violino [https://jsfiddle.net/znnrjbrb/5/]) body { background-color: red; } #grad1 { height: 100px; width: 100%; background: linear-gradient(521deg, rgba(138, 138, 138, 0) 50%, rgba(138, 138, 138, 0) 31.9%, #fff ...

3 a resposta

Divs adjacentes com bordas angulares? [duplicado

Esta pergunta já tem uma resposta aqui: Forma com um lado inclinado (responsivo) [/questions/30441122/shape-with-a-slanted-side-responsive] 2 respostasEu quero criar duas divs que são flutuadas à esquerda uma da outra, no entanto, com uma borda ...

8 a resposta

CSS3 Transform Skew

Alguém sabe como obter inclinação assim: Usando a nova propriedade de transformação do CSS? Como você pode ver, estou tentando inclinar os dois cantos, alguém sabe se isso é possíve

5 a resposta

Como posso adicionar corretamente uma sombra e um gradiente à minha forma?

Eu quero fazer o seguinte design: [/imgs/I5TBU.png] Tentei com:after e:before mas não funciona. Aqui está o meu código atual: .design { background: #ea053a; display: inline-block; height: 155px; margin-left: 33px; margin-right: 40px; ...