Resultados da pesquisa a pedido "css-shapes"

4 a resposta

Como criar um círculo e uma barra que se sobrepõem ao css?

Para um perfil de usuário, estou tentando criar uma imagem circular mais uma barra horizontal com a mesma altura da imagem. Além disso, deve ser responsivo. Deve parecer como na imagem abaixo. Na barra preta, haverá texto. Alguém poderia me ...

1 a resposta

Temporizador de contagem regressiva com barra de progresso circular

Eu criei um contador regressivo. Eu tenho uma borda que é feita circular. Como o cronômetro está chegando a zero, a borda circular deve mudar de cor com decréscimo nos segundos. Eu criei o JSFIDDLE ...

4 a resposta

Como adicionar borda a um contêiner com intervalos transparentes entre

Aqui está uma imagem do design que estou tentando obter apenas com CSS. Como faço para atingir essa borda para a div do contêiner para que eu possa colocar o logotipo e o texto transparentes entre as lacunas. Este design exibirá um fundo de ...

2 a resposta

Redimensionando um cubo

Eu tenho um conjunto de códigos do cubo criado usando CSS. No entanto, como redimensiono isso em um cubo maior (por exemplo, 200px)? Eu tentei, mas toda vez que tento fazê-lo, fica fora de posição .. .mainDiv { position: relative; width: ...

1 a resposta

duas divs divididas com linha diagonal - CSS

Estou tentando obter duas divs para caber em toda a largura da página, mas dividir ao meio com uma linha diagonal. Como posso conseguir isso com duas divs através do CSS? é para um controle deslizante e precisa de conteúdo adicionado a cada ...

5 a resposta

É possível criar esse quadrilátero irregular com CSS?

[/imgs/xWNo3.png] Eu tentei operspective solução aquiComo transformar cada lado de uma forma separadamente? [https://stackoverflow.com/questions/20069723/how-to-transform-each-side-of-a-shape-separately] mas não pode fazê-lo funcionar ...

5 a resposta

Como adicionar borda no meu caminho do clipe: polygon (); Estilo CSS

Quero saber se é possível adicionarborder no meuclip-path:polygon(); estilo ou qualquer outra maneira de adicionar borda? gostar :border:5px solid red; CSS .poligon { display: inline-block; position:relative; width:150px; ...

1 a resposta

Barra de progresso ao longo das bordas de um retângulo

Estou tentando descobrir como implementar a barra de progresso em torno do retângulo. Vamos imaginar que eu tenho div 500x300 com borda 5px (preta). Gostaria que a barra de progresso iniciasse no canto superior esquerdo e depois vá para -> canto ...

3 a resposta

div com lados inclinados e cantos arredondados

Atualmente, estou construindo um site que requer botões para ter uminclinação no lado esquerdodo botão O site é responsivo e o botão requercantos arredondados também. Também estou tentando evitar o uso de imagens de fundo. Alguém seria capaz de ...

4 a resposta

Link com borda e triângulo para baixo transparente

Não consigo encontrar o que preciso. Eu tenho esse código <hgroup id="subheader"> <h1>lorem ipsum</h1> <h2>ipsum lorem</h2> <a href="#" class="arrow-down">read More</a> </hgroup>Quero que o link tenha uma borda com um triângulo para baixo na ...