Resultados da pesquisa a pedido "css3"
O item Flexbox com conteúdo excedente só funciona no Chrome
Por favor, dê uma olhada nesta caneta: https://codepen.io/linck5/pen/gRKJbY?editors=1100 [https://codepen.io/linck5/pen/gRKJbY?editors=1100] body{ margin: 0;} .container { width: 100%; height: 100vh; display: flex; flex-direction: column; } ...
Como manter a origem no centro da imagem na animação em escala?
Eu tenho uma situação semelhante a estaviolino [https://jsfiddle.net/ddvn3p1h/3/], onde eu tenho uma animação CSS3 que dimensiona um elemento com posição absoluta no centro de outro elemento. No entanto, quando a animação ocorre, ela fica ...
A quebra de linha no flexbox não respeita o limite de largura de 100% [duplicado]
Esta pergunta já tem uma resposta aqui: Por que os itens flexíveis não diminuem o tamanho do conteúdo passado? [/questions/36247140/why-dont-flex-items-shrink-past-content-size] 1 respostaEu tenho 2 flexboxes e uma flexbox dentro de uma. Quero ...
Dividindo divs em 2 colunas
Eu tenho um código como este: <div class="article-container"> <div class="article"> <h3>title1</h3> <p>article1</p> </div> <div class="article"> <h3>title2</h3> <p>article2</p> </div> <div class="article"> <h3>title3</h3> <p>article3</p> ...
Efeito paralaxe - força o bloco de texto a se comportar como um anexo em segundo plano: fixo
Estou tentando criar um efeito simples de paralaxe em que cada100vh A seção rola para cima para revelar a próxima seção (nova cor de plano de fundo, imagem de plano de fundo e bloco de texto) enquanto mantém o bloco de texto fixo em relação ao ...
Como calcular a quantidade de itens do flexbox em uma linha?
Uma grade é implementada usando a caixa flexível CSS.Exemplo: [http://jsbin.com/jumosicasi/edit?html,css,js,output] [/imgs/aRSuq.png] O número de linhas neste exemplo é 4 porque eu corrigi a largura do contêiner para fins de demonstração. Mas, ...
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 ...
Centro CSS exibir bloco embutido?
Eu tenho um código de trabalho aqui:http://jsfiddle.net/WVm5d/ [http://jsfiddle.net/WVm5d/](pode ser necessário aumentar a janela de resultados para ver o efeito central do alinhamento) Pergunta, questão O código funciona bem, mas eu não gosto ...
Inverter cor do texto ao passar o mouse
Gostaria de inverter um texto em preto enquanto o pairava com um cursor preto-personalizado. Este GIF demonstra o efeito: Não foi possível envolver a minha cabeça para fazer isso funcionar com CSS e JS. Alguma combinação com modos de mistura, ...
A propriedade Gradient Background não está funcionando
Alguém pode explicar por que a propriedade Gradient Background não está funcionando. Como obter o gradiente de fundo sem alterar a propriedade position? NOTA: Quando removo a propriedade position de div com class = "parent", ela funciona. E ...