Resultados da pesquisa a pedido "css3"
Aumentar a cor do plano de fundo para a área de estouro
Se o totalaltura do conteúdo do pai é 10.000 px, mas ooverflow: auto elemento éprestados com uma altura de 700px, como forço oaside elemento filho para renderizar dinamicamente como 10.000 pxem vez de do 700px padrão? Você pode ver o fundo branco ...
É possível fazer reticências de excesso de texto: para selecionar apenas com css?
É possível fazertext-overflow: ellipsis; paraselect? Nodivé simples Quando a corda é muito longa, há pontos, preciso do mesmo emselect. Eu sei que isso é possível comjs, mas eu gostaria de ser "leve"css decisão: .select { box-sizing: ...
Usando variáveis CSS como argumentos da função Sass
Existe uma maneira de usar variáveis CSS com funções Sass, por exemplo clarear? Algo assim: :root { --color: #ff00ff; } .div { background-color: lighten(var(--color), 32%); }Estou recebendo uma mensagem de erro "Argument$color dolighten($color, ...
Como ocultar linhas de grade implícitas?
O snippet abaixo usa CSS Grid para aumentar o número de colunas para contêineres largos. Para recipientes estreitos (por exemplo, descomentewidth: 80vw ou redimensionar o exemplo), ele adiciona linhas implícitas (apenas 2 são explícitas ...
Desenhando cores de borda durante uma transição CSS
button { background: none; border: 0; box-sizing: border-box; margin: 1em; padding: 1em 2em; box-shadow: inset 0 0 0 2px #f45e61; color: #f45e61; font-size: inherit; font-weight: 700; position: relative; vertical-align: middle; } ...
Por que a diferença de grade causa um estouro?
Por que tenho um estouro no eixo X no seguinte snippet? O estouro é gerado assim que eu aplicargrid-gap: 10px no meu.body recipiente de grade. div:not(.header):not(.body):not(.row) { border: 1px solid grey; } .header { margin-top: 20px; ...
Combine as propriedades de duas classes CSS com um atributo de filtro
Para resumir os efeitos da propriedade filter, precisamos fazer o mesmo para essa 'classe de união'. .class1{filter:brightness(125%);} .class2{filter:blur(5px);} .unionClass{filter:brightness(125%) blur(5px);}Mas e se o código for escrito dessa ...
Problema de altura máxima do Flexbox com o IE11
Estou tentando codificar um menu de pesquisa separado em três partes. Cada parte terá uma barra de rolagem se não houver espaço vertical suficiente para os resultados serem exibidos. No Chrome e Firefox, cada menu exibe sua barra de rolagem, mas ...
Como faço para impedir que meu conteúdo da Web seja deslocado para a esquerda quando a barra de rolagem vertical aparece? Roll-Up de Conselhos 2017 [duplicado]
Esta pergunta já tem uma resposta aqui: Impedir que a barra de rolagem seja adicionada à largura da página no Chrome [/questions/18548465/prevent-scroll-bar-from-adding-up-to-the-width-of-page-on-chrome] 12 respostasImpedir que um layout ...
Centralização na Grade CSS
Estou tentando criar uma página simples com CSS Grid. O que não estou conseguindo fazer é centralizar o texto do HTML nas respectivas células da grade. Tentei colocar o conteúdo em separadodivs tanto dentro como fora daleft_bg eright_bg ...