Resultados da pesquisa a pedido "css-shapes"
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 ...
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 ...
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 ...
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: ...
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 ...
É 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 ...
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; ...
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 ...
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 ...
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 ...