Resultados da pesquisa a pedido "css3"
ividindo a cor do texto com CSS quando comparado ao plano de fun
Estou tentando alcançar o seguinte, mas realmente lutando. Estou simplesmente tentando obter um plano de fundo diagonal que percorra o texto e mude a cor de minha escolh [/imgs/KcMDls.png] Tentei usar o modo misto de mistura css, no entanto, ...
Como mostrar um elemento oculto se um filho específico existir apenas CSS
Questão Existe em 2018 alguma construção CSS que oculte divs usando um seletor e, em seguida, reexiba uma que contenha um seletor específic Eu estava marcando isso como um idiota Seletor CSS: Se um contêiner estiver vazio -> display: ...
spaço extra ao centralizar elementos usando o flexbox
Estou a usaralign-items ejustify-content para centralizar os elementos, meu html é: <div class="flex-container"> <div class="item-1">div</div> <div class="item-2">w=250px</div> <div class="item-3">h=250px</div> ...
Como adicionar uma margem de 1px a um item flexível que é flex: 0 0 25%?
stou testando alguns layouts diferentes com o flexbox e tenho o seguinte problem Tenho uma galeria de imagens com itens flexíveis configuradosflex:0 0 25%; e gostaria de adicionar uma margem de 1px a eles porque 1% é muito grande. Então, eu ...
Por que posição: pegajosa não está funcionando quando o elemento está enrolado em outr
Estou experimentando nav pegajosa e tive um problema. O problema é que, quando coloco a nav em outro elemento, ele não fica mais pegajos .nav-wrapper{ position: absolute; bottom: 0; } .nav-wrapper nav{ position: sticky; top: 0; } <div ...
Filtro CSS no pai quebra o posicionamento do filho
Atualmente, estou trabalhando em um site e encontrei esse comportamento estranho. Não tenho certeza se é um bug ou como lidar com isso, então estou pedindo ajuda a você Então, tenho essa "animação" da tela de título que tem o título ...
Como repetir um padrão de layout de grade CSS?
Estou tentando fazer um layout de grade repetindo 2 seções verticais e 2 horizontais. Depois, 2 horizontais, 2 verticais e repetimos novament Como isso .container { max-width:940px; margin: 0 auto; } .grid-container { counter-reset: div; ...
Como o minmax (0, 1fr) funciona para elementos longos, enquanto 1fr não funcion
Então eu tenho essa grade: +---------+------------------------------+---------+ | <div> | <p> - 1000 characters long | <div> | +---------+------------------------------+---------+ Dentrop há uma string super longa sem espaços.divs são espaços ...
Comportamento estranho ao girar um elemento ao passar o mouse
Dado esses dois exemplo Usando o Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
Por que o conteúdo mínimo não funciona com preenchimento automático ou ajuste automático?
Basicamente, eu não entendo por que isso funciona: .grid { display: grid; grid-template-columns: repeat(4, min-content); }Mas isso não funciona: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); } Realmente desejo ...