Resultados da pesquisa a pedido "css-shapes"
criar fita com css
Eu tenho o menu da barra lateral finalmente criado. agora preciso criar uma fita no item selecionado, como mostrar imagem (vermelho) (preciso de uma fita de cor cinza). Mas eu não quero usar o fundo da imagem e usar apenas a classe css. ...
Como fazer fundo meio quadrado em css
É possível fazer em fundo css puro para meio quadrado como na imagem. Sei que isso pode ser feito com uma imagem como plano de fundo, mas preciso usar 5 cores diferentes e, talvez, no futuro, as cores possam ser alteradas.
Raio da borda em porcentagem (%) e pixels (px) ou em
Se eu usar umvalor de pixel ou empara raio da borda, o raio da borda é sempre um arco circularou umforma de pílulamesmo se o valor for maior que o lado maior do elemento. Quando eu usopercentagens, o raio da aresta é elíptico e começa no meio de ...
Como posso criar uma seta redonda apenas com HTML e CSS?
Estou tentando criar uma seta direcional redonda com CSS e HTML. Abaixo estão minhas tentativas. Tentativa 1 [http://jsfiddle.net/nDxYJ/472/]Neste eu girei o<div> e uma flecha, mas ambos estão em posições diferentes. Este é o CSS: #curves ...
Bolha do discurso com seta
Eu tenho um projeto onde eu preciso inserirbalões de fala / caixas de mensagem. A forma geral que estou tentando alcançar é esta: .bubble { height: 100px; width: 200px; border: 3px solid gray; background: lightgray; position: relative; ...
Forma com um lado inclinado (responsivo)
Estou tentando criar uma forma como na imagem abaixo com umborda inclinada em apenas um lado(por exemplo, o lado inferior) enquanto as outras arestas permanecem retas. Tentei usar o método border (o código é fornecido abaixo), mas as dimensões ...
Mostrar triângulo da borda na barra de navegação usando CSS
Estou tentando criar uma barra de navegação com uma seta embaixo do item sobre o qual você passou o mouse. Aqui está o que estou tentando fazer: Para a flecha eu usei os pseudo elementosbefore eafter. Aqui está um pouco do código: body { ...
Crie um design de raio (como o Flash)
Estou tentando recriar o símbolo do raio de The Flash (DC Comics) (ou a camiseta usada porTeoria do Big BangSheldon Cooper) em CSS. Isso funcionará como um sistema de classificação por estrelas, apenas um 'sistema de classificação por ...
Criando uma etiqueta pontiaguda 'Nova' com 24 ou mais pontos de intermitência
Estou tentando fazer uma coisa estourar ponto como a imagem abaixo: Atualmente, eu tentei isso usando pseudo elementos, no entanto, só consegui gerar uma intermitência de 12 pontos e não reflete o que é exibido na imagem. Existe alguma ...
Como criar uma esfera em css?
Estou tentando criar uma esfera 3D usando apenas css puro, mas não consegui gerar a forma necessária. Eu já vi umcilindro [http://jsfiddle.net/bmouxLwu/9/] mas não consigo encontrar nenhuma referência para criar umesfera. Meu código atual se ...