Resultados da pesquisa a pedido "css3"
Usando o Flexbox para apresentar 4 imagens em uma ul como uma grade 2x2
Estou refatorando o código não responsivo e estou tentando exibir o código abaixo como umGrade 2x2usandoFlexbox. Eu tentei usardisplay: flex, flex-flow: row-wrap, mas as imagens no meuul estão agindo como elementos de bloco e não ficam lado a ...
Zebra listrando uma mesa flexbox com itens de embalagem
Estou procurando a maneira mais simples de distribuir as linhas pela zebra na seguinte tabela flexbox responsiva. Em outras palavras, as linhas 2 e 4 neste exemplo, mas ilimitadas, não sei quantas linhas haverá porque isso é para um componente ...
Existe uma maneira de criar um botão (ou div) com uma borda com gradiente e cantos arredondados?
É assim que deve ser: [/imgs/1lz60.png] Tentativas até agora: Usando um fundo gradiente mais um elemento interno para cobri-lo e deixar apenas uma "borda" externa. oobviamente, o fundo não é transparente. body { background: #242424; height: ...
Esclarecimento do seletor de CSS: | = vs ^ = [duplicado]
Esta pergunta já tem uma resposta aqui: Qual é a diferença entre os seletores de atributo pipe (|) e caret (^)? [/questions/34530852/what-is-the-difference-between-pipe-and-caret-attribute-selectors] 4 respostasDe acordo com o ...
Como obter esse visual usando CSS
[/imgs/9tSEn.jpg] Eu preciso criar o visual acima usando apenas css e apenas uma div com 300px de altura e largura. Tentei gradiente, mas não consegui nada igual. Alguém pode ajudar por favor?
Efeito de desvanecimento gradiente alfa com CSS 3
Gostaria de saber se seria possível replicar o efeito como na parte inferior da lista Top Tweets com CSS puro? http://www.twitter.com [http://www.twitter.com]
O Flexbox não funciona nos elementos de botão ou conjunto de campos
Estou tentando centralizar elementos internos de um<button>-tag com flexboxjustify-content: center. Mas o Safari não os centraliza. Posso aplicar o mesmo estilo a qualquer outra tag e ele funciona conforme o esperado (consulte o<p>-etiqueta, ...
Alturas renderizadas de maneira diferente no Chrome e Firefox [duplicado]
Esta pergunta já tem uma resposta aqui: O Chrome / Safari não preenche 100% da altura do pai flexível [/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent] 4 respostasDescobri que se definirmos um elemento de nível de bloco ...
O que é uma regra @media sem um tipo de mídia?
Eu herdei isso e queria saber o que faz uma consulta de mídia sem um "tipo de mídia"? @media (min-width: 768px) { .commentlist-item .commentlist-item { padding: 0 0 0 2em; } }Sintaxe padrão de www.w3schools.com/css/css3_mediaqueries.asp @media ...
Como dimensionar itens flexíveis sem porcentagens?
Estou tentando criar uma grade baseada em flexbox, com o conteúdo sendo 2/3 de largura e a barra lateral no restante 1/3. Eu usei porcentagens para a largura em cada coluna, que infelizmente estão me causando erros na navegação e no ...