Articles of css shapes

Círculo de Progresso CSS

Pesquisei este site para encontrar as barras de progresso, mas as que consegui encontrar mostram círculos animados que atingem o total de 100%. Eu gostaria que parasse em certas porcentagens, como na imagem abaixo. Existe alguma maneira que eu possa fazer isso usando apenas CSS?

Forma ondulada com css

Estou tentando recriar esta imagem com CSS: Eu não precisaria disso para repetir. Isso é o que eu comecei, mas tem apenas uma linha reta: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; }

Raio de borda de inserção com CSS3

Existe uma maneira de criar um raio de borda com css3? (Sem imagens) Eu preciso de um raio de borda como este:

Como criar um círculo com links no lado da borda

Eu estou tentando fazer um círculo como este . Eu consegui fazer isso no violino, mas o problema é que eu preciso de cada lado laranja para ser um link e não posso fazê-lo com bordas. Se alguém puder me ajudar com isso, serei muito grato. #circle { width: 200px; height: 200px; border-radius: 50%; background: […]

CSS – mostra apenas a borda do canto

Eu estou querendo saber se é possível em CSS ou Jquery para fazer uma borda, mas apenas para canto. Algo assim: **** **** * * * * CONTENT * * * * **** ****

Círculo oco ou recortado transparente

É possível cortar um círculo oco usando apenas CSS ? Isso tudo podemos fazer: Mas podemos fazer isso? O círculo deve ser oco e transparente . Assim, o problema não é resolvido colocando um círculo de cor sólida sobre uma div .

Cortar cantos usando CSS

Eu estou olhando para “cortar” o canto superior esquerdo de uma div, como se você tivesse dobrado o canto de uma página para baixo. Eu gostaria de fazer isso em CSS puro, existem methods?

Cor da borda personalizada do triângulo CSS

Tentativa de usar uma cor hexadecimal personalizada para o 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. Eu estou tentando fazer com que o triângulo tenha um fundo branco com […]

Meio círculo transparente cortado de um div

Eu gostaria de fazer uma forma de meio círculo transparente usando apenas CSS3. O único requisito é que todos os elementos que formam a forma sejam pretos ou transparentes . Não consigo usar um retângulo preto com um círculo branco em cima, porque o semicírculo tem que ser transparente e deixar o plano de fundo […]

Texto transparente, recortado em fundo

Existe alguma maneira de fazer um texto transparente cortado de um efeito de fundo como o da imagem a seguir, com CSS? Seria triste perder todo o precioso SEO por causa das imagens que substituem o texto. Primeiro pensei em sombras, mas não consigo descobrir nada … A imagem é o plano de fundo do […]