Resultados da pesquisa a pedido "css-shapes"
Maneira mais fácil de criar div de círculo do que usar uma imagem?
Gostaria de saber se existe uma maneira mais fácil de criar divs circulares do que o que estou fazendo agora. Atualmente, estou apenas criando uma imagem para cada tamanho diferente, mas é irritante fazer isso. Existe alguma maneira usando CSS ...
Borda dentro da borda CSS
Com a ajuda deTutorial do CSS Triangle [http://css-tricks.com/snippets/css/css-triangle/], Eu aprendi a criar formas triangulares. .arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; ...
elemento de inclinação css e obter borda superior arredondada interna
Estou tentando replicar um design gráfico usando css, mas falhei em responder, posso obter uma forma estática, mas com pequenos defeitos (devido à junção de dois elementos). Este é o design gráfico: [/imgs/GiqNE.jpg] Eu prefiro um pouco mais ...
raio da borda com triângulos css
eu tenhoum rectângulo [http://jsfiddle.net/danield770/9xDVj/3/]onde cada lado da diagonal tem sua própria cor div { width: 0; height: 0; border-left: 150px solid green; border-top: 100px solid gray; }Agora eu queria adicionar um raio de borda ...
Meio círculo com CSS (borda, estrutura de tópicos apenas)
Estou tentando criar um círculo com CSS, que se parece exatamente com a figura a seguir: ... com apenas umdiv: <div class="myCircle"></div>e usandosomente CSSdefinições. Nenhum SVG, WebGL, DirectX, [...] permitido. Tentei desenhar um círculo ...
Como fazer uma imagem retangular parecer circular com CSS
Eu useiborder-radius: 50% ouborder-radius: 999em, mas o problema é o mesmo: com imagens quadradas, não há problema, mas com imagens retangulares, obtenho um círculo oval. Também estou disposto a cortar uma parte da imagem (obviamente). Existe uma ...
Tornar as células da tabela quadradas
Como garantir que cada célula da tabela se tornequadradosem usar tamanhos fixos? E serresponsivoquando eles mudam de largura. table { width: 90%; } td { width: 30%; } tr { /** what should go here? **/ }<table> <tr> <td>1</td> <td>2</td> ...
Como posso manter limites adequados em triângulos CSS ao passar o mouse com o cursor?
É possível corrigir o pairar nohttp://jsfiddle.net/2AXhR/ [http://jsfiddle.net/2AXhR/]para que o triângulo correto seja ativado ao passar o mouse em vez do seu às vezes adjacente? Às vezes, o triângulo incorreto é ativado porque a área ...
Transformação CSS para inclinar a forma para um trapézio
Quero poder inclinar um elemento da maneira como a imagem é exibida abaixo. Eu tenho brincado com isso, mas parece que não consigo chegar perto de replicar essa forma. Meu código css é transform:skew(30deg,30deg);A transformação é o caminho ...
como fazer dentro do raio da borda em css?
Como posso fazer o raio da borda para dentro? .circle { width:100px; height:100px; background-color:solid red; border-radius:-50px 50px -50px [enter image description here][1]50px; }Eu sei que -50px não é aceitável, mas apenas dou um exemplo ...