Resultados da pesquisa a pedido "css-shapes"
Div com um círculo recortado transparente [duplicado]
Esta pergunta já tem uma resposta aqui: Semicírculo transparente cortado de uma div [/questions/8503636/transparent-half-circle-cut-out-of-a-div] 8 respostasPosso fazer um retângulodiv com um círculo meio recortado usando CSS? O semicírculo deve ...
Como criar um hexágono de aresta curva usando CSS
Este é o meu CSS. CSS #hexagon-circle { width: 100px; height: 55px; background: red; position: relative; border-radius: 10px;} #hexagon-circle:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px ...
Separe 2 div com a linha da inclinação
Eu quero separar 2 div flutuantes com uma linha de inclinação, eles têm diferentes cores de fundo. Exemplo aqui: Marcação HTML: <div id="wrap"> <div id="one"></div> <div id="two"></div> </div>Eu já tentei girá-los (como você pode ver no ...
Como criar dicas de ferramentas personalizadas com pseudoelementos de css
estou lendotruques de CSS e no final [http://css-tricks.com/pseudo-element-roundup/]Eu posso ver o seguinte. Usando um atributo de dados HTML5, puxando-o e estilizando-o como um pseudo-elemento, podemos criar dicas de ferramentas completamente ...
Como criar uma forma de marca de preço em CSS e HTML
Então eu encontrei esta resposta -Forma e estilo do menu CSS3 [https://stackoverflow.com/questions/7330027/css3-menu-shape-style]mas não faço ideia de como colocá-lo no lado esquerdo. Eu já procurei, mas sem sorte. Isto é o que estou tentando ...
Triângulo CSS responsivo com largura de porcentagem
O código abaixo criará uma seta logo abaixo de um<a> elemento: JSFiddle [http://jsfiddle.net/x9cxz423/] .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: center; color: white; background: gray; ...
É possível um arco CSS usando o raio da borda?
Estou tentando criar um arco usando apenas CSS. Eu olhei para vários "raio de borda inserido [https://stackoverflow.com/questions/11033615/inset-border-radius-with-css3] "perguntas, mas todas mostram como inserir cantos, não a seção do meio de ...
Botão alongado em forma de hexágono usando apenas um elemento
Eu gostaria de criar um botão como este apenas com CSS sem usar outro elemento. Imagem do botão Como o botão tem umborder anexado, acho que normalmente preciso de ambos, o:before e:after elementos para criar apenas uma seta de um lado. Então, ...
Como criar guias de menu curvas e sobrepostas em CSS
Quero criar um menu no qual as extremidades dos menus se sobreponham e tenham bordas curvas e bordas levemente inclinadas. Sem usar uma imagem de plano de fundo, é possível fazer esse menu apenas com CSS? Para uma melhor compreensão, anexe a ...
Forma de meio hexágono com um elemento
Estou tentando replicar a seguinte forma sem êxito: Acho que vou precisar de um pouco:before e:after pseudo elementos junto com o seguinte css: #pentagon { position: relative; width: 78px; height:50px; background:#3a93d0; }