Resultados da pesquisa a pedido "css3"
Como especificar o número máximo de colunas que o repeat () criará usando o ajuste automático / preenchimento?
Há algum jeito, sem usar a consulta de mídia, para limitar o número de colunas criadas e combiná-las com o ajuste / preenchimento automático? Por exemplo grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); Cria um layout maravilhoso e ...
Por que o fundo fica branco quando adiciono um elemento de posição absoluta?
Fiz um fundo gradiente e quero centralizar esse bloco de texto. Meu objetivo é criar um cabeçalho centralizado no meio da tela, independentemente da resolução da janela de visualizaçã Então, fiz deste cabeçalho uma posição absoluta e usei esse ...
Grade com altura da janela de exibição e rolagem interna div
Estou tentando criar um layout que usa uma grade que ocupa toda a janela de exibição do navegador height: 100vh) e, em seguida, permite que uma div em um dos itens da grade role na dimensão Y. Aqui está um exemplo de código. Existem três áreas ...
Como posso adicionar corretamente uma sombra e um gradiente à minha forma?
Eu quero fazer o seguinte design: [/imgs/I5TBU.png] Tentei com:after e:before mas não funciona. Aqui está o meu código atual: .design { background: #ea053a; display: inline-block; height: 155px; margin-left: 33px; margin-right: 40px; ...
omo calcular () o número de linhas em um modelo de grad
Gostaria de calcular o número de linhas em um modelo de grade usandocalc(), mas tentando obter orepeat contagem com divisão não está funcionando: .grid { display: grid; grid-gap: 10px; grid-template-columns: 1fr; margin-bottom: 10px; ...
Como fazer com que os itens na última linha consumam espaço restante na CSS Gri
Existe uma maneira de forçar todos os itens na última linha, de uma grade, a preencher a linha, não importa quantos seja Não sei o número de itens que estarão na grade, portanto não posso direcioná-los diretamente. Eu tentei ...
Como expandir uma imagem cortada em uma caixa?
Recebi uma imagem JPEG que precisa ser cortada usando CSS e depois expandida para ajustar1200px x 1000px box. Aqui está o que eu tenho até agora: #top-image { display: block; clip-path: inset(0px 103px 45px 105px); margin-left: auto; ...
Como fazer com que os gradientes radiais funcionem no Safari?
Estou usando gradientes radiais em um novo site que estou construindo, mas as cores estão se tornando diferentes (muito mais escuras) no Safari na área de trabalho. Existe uma sintaxe melhor entre navegadores para usar? Tentei prefixos ...
visiblity: oculto da célula da tabela oculta a cor de fundo da linha da tabela pai
Tenho alguns formulários estruturados usandodisplay:table-row edisplay: table-cell. No Firefox 52, eu poderia ocultar um elemento de célula usandovisibility:hidden, ocultando a célula, mas mantendo a estrutura definida por CSS (em vez de ...
Como forçar essa grade CSS para quebrar em uma nova linha sem especificar tamanhos minma
Vim de um histórico pesado de div / float para criar sites responsivos (por exemplo, Bootstrap 3, Foundation) e usei o Flex box brevemente, mas tenho tentado usar o Grid em todos os lugares, pois é realmente ótimo para resolver vários problemas. ...