Resultados da pesquisa a pedido "css3"
Como desviar uma imagem de ícone de aplicativo apenas com CSS
Eu tenho batido minha cabeça contra a parede tentando descobrir como usarO exemplo do CSS3 Squircles do Code Player [http://thecodeplayer.com/walkthrough/css3-squircles]para criar um ícone de aplicativo no estilo iOS-7 no meu site (teste no ...
CSS: substituir um texto em foco, mas a transição suave para o novo texto não funciona?
O cenário: Se um usuário passar o mouse sobre um texto (por exemplo, uma tag h1), ele deverá mudar para um novo texto. O novo texto deve aparecer sem problemas. O que eu fiz até agora: Consegui substituir um texto por um novo com a propriedade ...
Como desativar colunas de altura igual no Flexbox?
Eu tenho três elementos que estou tentando alinhar no meu layout. Primeiro, eu tenho uma div para feedback e, em seguida, uma entrada de pesquisa e, em seguida, um elemento div para sugestões. Quero que o primeiro e o último elemento tenham uma ...
Propriedade customizada com escopo CSS ignorada quando usada para calcular var no escopo externo
Estou tentando dimensionar o tamanho viavar propriedade personalizada de uma maneira que as classes comporiam sem serem acopladas. O efeito desejado é que as 3 listas estejam em 3 escalas diferentes, mas comodemo'd no ...
Como tirar o cabeçalho da área de rolagem?
Eu tenho um cabeçalho e um longo conteúdo rolável. Eu gostaria que o cabeçalho não fosse rolável. Eu tentei configuraroverflow: hidden para o cabeçalho, mas sem sucesso. Como posso tirar o cabeçalho da área de rolagem? Snippet: <body> <div ...
Consultas de mídia: não estão funcionando
Estou usando o webpack e menos pré-processador. Eu também incluomedia.less arquivo na parte inferiormain.less. O problema é todos os estilos dentro@media tags são ignoradas. Código CSS: @media all and (min-device-width : 414px) and ...
Elemento pino (item flexível) na parte inferior do contêiner
Eu tenho um contêiner para ter a altura / largura total da janela. Dentro deste contêiner, quero um formulário centrado vertical e horizontalmente. Abaixo, também quero uma cópia na linha de base inferior do contêiner. Semelhante à ilustração de ...
Definir um comprimento (altura ou largura) para um elemento menos o comprimento variável de outro, ou seja, calc (x - y), onde y é desconhecido
Eu sei que podemos usarcalc [https://developer.mozilla.org/en-US/docs/Web/CSS/calc]quando os comprimentos são definidos: flex-basis: calc(33.33% - 60px); left: calc(50% - 25px); height: calc(100em/5); Mas e se um comprimento for ...
Por que o preenchimento está expandindo um item flexível?
No trecho abaixo, a primeira linha possui dois divs comflex-grow: 1. Como esperado, cada div ocupa 50% da tela. Ao adicionar preenchimento à div esquerda, esse não é mais o caso. Alguém pode explicar o porquê? body > div { height: 50px; ...
Por que os itens flexíveis não estão quebrando?
Estou tentando fazer várias linhas de quadrados (3 por linha) que tenham a mesma altura. Eu escrevi um pouco de HTML e CSS para isso, mas todas as caixas seguem a mesma linha. Aqui está o que eu tenho até agora: #list-wrapper { display: ...