Resultados da pesquisa a pedido "css3"
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 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; ...
drop shadow only bottom css3
Existe uma maneira de soltar a sombra apenas na parte inferior? Eu tenho um menu com 2 imagens ao lado do outro. Não quero uma sombra certa, porque ela se sobrepõe à imagem certa. Eu não gosto de usar imagens para isso, então existe uma maneira ...
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 ...
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 ...
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 ...
animate CSS3 posições de gradiente usando jQuery
possível animar a posição de uma cor de gradiente CSS3 usando jQuer Gostaria de animar com isso background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 0%, #FFFFFF 0%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left ...
Dê um estilo CSS div para uma "imagem da borda esquerda"
Apenas tentando atribuir ao div principal do conteúdo em um site uma borda no lado esquerdo e direito do div. Em vez de ter divs separados para cada borda, pensei em usar oborder-left-image capacidade no CSS3 para fazer isso acontecer. Meu ...
set div height usando jquery (stretch div height)
Eu tenho 3 divs com idsheader, content efooter. Cabeçalho e rodapé têm altura fixa e são projetados para flutuar na parte superior e inferior. Eu quero o meiocontent altura calculada automaticamente com jquery. Como posso tornar isso possível ...
Posso combinar: n-filho () ou: n-do-tipo () com um seletor arbitrári
Existe uma maneira de selecionar cada enésimo filhoque corresponde (ou não) a um seletor arbitrário? Por exemplo, quero selecionar todas as linhas da tabela ímpar, mas dentro de um subconjunto das linhas: table.myClass tr.row:nth-child(odd) { ...