Resultados da pesquisa a pedido "css3"
pseudo-elemento agindo como um item de grade na grade CSS
Estou criando um formulário que possui campos obrigatórios. Para marcar como necessário, estou colocando um asterisco (*) como::before elemento e flutuando-o para a direita, para que fique no canto superior direito do campo. O problema que estou ...
Áreas de grade não dispostas corretamente no CSS Grid
Quero criar meu site usando o sistema de grade CSS, mas parece não estar funcionando. Aqui está o meu código: .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" "about-us"; } ...
Aninhando classes CSS
Posso fazer algo como o seguinte? .class1{some stuff} .class2{class1;some more stuff}
Faça itens de expansão de expansão flexível com base no tamanho original
Eu tenho 3 botões seguidos que variam em largura. Desejo que todos ganhem largura igual para preencher a largura restante da linha, para que a mais larga ainda seja mais larga que as outras, etc. Você pode ver abaixo que o que tentei fazer com o ...
Fazer a consulta de mídia CSS usar o tamanho em do documento html em vez do navegador?
Estou tentando usar consultas de mídia para alterar a largura de um elemento em pedaços com base na largura da janela (isso permite aumentar o número de colunas na página sem que a largura das colunas seja alterada). Eu gostaria de poder fazer ...
Por que o conteúdo não é coberto pelo plano de fundo de um elemento adjacente quando há uma sobreposição?
Aqui está a situação: body { margin: 0; background: pink; color: #fff; } .box { margin-top: 20px; background: red; } .bottom { text-align: right; background: green; animation: animate 2s infinite alternate linear; } @keyframes animate { from { ...
Alinhando vários blocos de imagem embutidos à esquerda e à direita
Estou tentando alinhar várias imagens embutidas, cinco à esquerda e uma à direita (a assinatura), de preferência sem o uso de carros alegóricos. Todas as imagens devem estar alinhadas verticalmente (de cima). Ouvi dizer que o flex-box é uma ...
Raio da borda = sangria de fundo
Ok, então eu já passei por respostas como "background-clip: padding-box;" e, embora faça com que o produto final pareça um pouco melhor, ele ainda não resolve completamente o problema da cor de fundo sangrar fora da borda. Alguém tem uma solução ...
Como centralizar e alinhar à direita em uma linha apenas com CSS Flex
Tentei muitas variações como essa, mas não consegui fazê-la funcionar. Aqui está a última tentativa: .parent { display: flex; //justify-content: center; width: 600px; background-color: yellow } .c { //flex: 1 1 0; //text-align: end; ...
Listar propriedades personalizadas de CSS (variáveis de CSS)
Eu configurei algumas propriedades personalizadas de CSS na minha folha de estilo: :root { --bc: #fff; --bc-primary: #eee; --bc-secondary: #ddd; }Posso recuperá-los individualmente se eu já souber o nome da variável CSS da ...