Resultados da pesquisa a pedido "css3"
A diferença entre flex: 1 e flex-grow: 1
Nomdn [https://developer.mozilla.org/en-US/docs/Web/CSS/flex] flex:1significa o mesmo que flex-grow:1.No entanto, na verdade, tem show diferente no navegador. Você pode experimentá-lo nestejsFiddle [https://jsfiddle.net/vh6uo8g2/]alterando o ...
Flexbox, comportamento estranho com CSSGrid
Eu tenho esta situação:https://jsfiddle.net/johnsam/rdtva2fq/ [https://jsfiddle.net/johnsam/rdtva2fq/] Emcromadafunciona bem, veja o seguinte: [/imgs/77Sz0.png] Começa (consulte "PRIMEIRO" e "ÚLTIMO" btn). Boa. EmSafárinão (também com iPad / ...
O CSS Grid Layout não funciona no Edge e no IE 11, mesmo com o prefixo -ms
Estou usando a seguinte marcação HTML para minha grade. <section class="grid"> <article class="grid-item width-2x height-2x">....</article> <article class="grid-item">....</article> <article class="grid-item">....</article> <article ...
Erro de espaçamento do Bootstrap 4?
O Bootstrap 4 possuiUtilitários de espaçamento [https://v4-alpha.getbootstrap.com/utilities/spacing/]para ajustar margens e preenchimentos com classes CSS simples. Teoricamente, Eu poderia fazer algo assim: <div class="d-inline-block bg-inverse ...
CSS - Várias decorações de texto com estilo e cor
Eu quero fazer um texto comred wavy underline eblue dashed overline usandotext-decoration. Este é o meu código: (trabalhando apenas no Mozilla Firefox) (não funciona, porque a exibição é feita somente em excesso) span { font-size: 40px; ...
no flexbox como empurrar o próximo elemento da linha para perto do elemento superior direito da linha anterior, sem margens negativas?
Eu tenho três elementos embrulhados no container flex, por dois seguidos: <div class="container"> <div class="elem-1">a</div> <div class="elem-2">b</div> <div class="elem-3">c</div> </div>Existe uma maneira de empurrar o último elemento da linha ...
Simulação de um espaço reservado
Eu tenho um plugin do Wordpress que não quero tocar, então espero que meu objetivo seja alcançado apenas com CSS. Eu brinquei (sem trocadilhos) com o CSS na Ferramenta de desenvolvedor do Chrome, mas acabei com uma bagunça o tempo todo. O que eu ...
Efeito de paralaxe de CSS horizontal apenas com camadas maiores que 100vw
Como inicializar um site com horizontalEfeito apenas de paralaxe CSS?Exigências Apenas paralaxe de CSSa camada pai deve ter largura / altura == 100vw / 100vhas camadas filho devem ter largura / altura> 100vw / 100vhas camadas filho devem alinhar ...
Melhor maneira de adicionar imagem de fundo com filtros css3
Atualmente, tenho este código: body { margin: 0; font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background: #151626; width: 100vw; height: 100vh; } .bg { margin: 0; overflow: hidden; position: fixed; ...
Fazendo dois elementos adjacentes se comportarem como um único elemento [duplicado]
Esta pergunta já tem uma resposta aqui: Como reordenar divs usando a caixa flexível? [/questions/45883549/how-to-reorder-divs-using-flex-box] 1 respostaÉ possível fazer com que dois elementos adjacentes se comportem como um único elemento, em um ...