Resultados da pesquisa a pedido "css-shapes"
div com triângulo na parte inferior com imagem de fundo
Eu quero fazer umadiv, com umtriângulo na parte inferior. Mas eu preciso do imagem de fundo no triângulopara aparecer, tentei usar um pseudo elemento (:after) mas não funciona. #homebg:after{ content:''; position: absolute; top: 100%; left: 0; ...
Forma de trapézio CSS responsivo
Eu estou olhando para criar uma forma trapezoidal responsiva que pode ser em CSS, SVG ou Canvas. [/imgs/VY423.png] Consegui criar a forma de triângulo, mas não uma forma de trapézio que seja responsiva. div { width: 0; height: 0; ...
Zig zag borda para um círculo?
Com base em muitos tutoriais, sou capaz de criar uma borda em zig zag para objetos quadrados / retangulares usando:after e:before. No entanto, quando se trata de círculos, não há tutoriais. Eu gostaria de criar um objeto parecido com este: ...
Elemento de preenchimento com fundo inclinado ao passar o mouse
Estou tentando criar umEfeito de foco do botão CSS. Mas não consegui preencher o elemento com uma forma inclinada. Como o efeito de foco foi planejado: [/imgs/hsmdE.png] Captura de tela 1: Como fica realmente. Captura de tela 2: como eu ...
CSS - borda do círculo com várias cores
Alguém sabe como criar isso em CSS ou se é mesmo possível. Sei como fazer quartos de círculo, mas não sei como aplicá-lo neste formato. Pequenos pedaços da borda precisam ter cores diferentes. [/imgs/JP5ic.jpg]
Como fazer gradiente de borda do círculo diagonal?
Estou com um problema no CSS3. Não sei como fazer uma borda gradiente redonda diagonal assim: [/imgs/kAPAl.jpg] Eu encontrei algo ...
Como adiciono uma borda a uma forma de CSS (estrela de 8 pontos)?
Como adiciono uma borda vermelha fora desta estrela de 8 pontos? Ou existe uma solução svg simples que alguém conhece? É: [/imgs/C31Tv.jpg]NECESSIDADE: [/imgs/17oM1.jpg] JS violino [https://jsfiddle.net/v9bqahy8/1/] HTML <div ...
Bordas incompletas em torno de div
Estou procurando uma maneira de criar umquadrado incompleto com bordascom algum texto e um plano de fundo com css puro. Aqui está o que estou tentando alcançar: Minha idéia inicial é criar a forma com base em três formas e depois colorir ...
Círculo de progresso - desenhe um pequeno arco na extremidade do círculo e mais
Como faço para desenhar um pequeno círculo na ponta final de um círculo de progresso, além de adicionar um pequeno bloco de texto abaixo / acima dele? Exemplo img: [/imgs/yIiiS.png] <div class="radial-progress" data-progress="0"> <div ...
Existe uma maneira de criar um botão (ou div) com uma borda com gradiente e cantos arredondados?
É assim que deve ser: [/imgs/1lz60.png] Tentativas até agora: Usando um fundo gradiente mais um elemento interno para cobri-lo e deixar apenas uma "borda" externa. oobviamente, o fundo não é transparente. body { background: #242424; height: ...