Resultados da pesquisa a pedido "css3"
Removendo quebras de linha no texto copiado de um contêiner flexível
Eu tenho um aplicativo em que temos uma única linha que é um contêiner flexível, contendo um número de extensões de texto que compõem a linha. Isso leva a um cenário estranho, onde se você copia a linha, obtém quebras de linha entre cada ...
Objeto animado no caminho curvo
Eu só quero animar minha imagem através do caminho curvo. Assim. (Estou usando posição absoluta para posicionamento.) Pesquisei e descobri que a transformação css pode fazer o trabalho. Isso pode ser feito facilmente por linha reta. Mas caminho ...
Largura do elemento mais largo define a largura de todos os irmãos na linha
Eu já li muitos tutoriais sobre CSS flex boxes e grades de CSS, mas, francamente, não consigo descobrir como fazer essa coisa simples (?). Tudo o que eu quero é que os elementos em um contêiner sejam tão amplos quanto o elemento mais amplo. Eu ...
: primeiro filho não está funcionando como esperado
Estou tentando selecionar o primeiroh1 dentro de umdiv com uma classe chamadadetail_container. Funciona seh1 é o primeiro elemento dentro destediv, mas se vier depois dissoul não vai funcionar. <style type="text/css"> .detail_container ...
Como esticar o filho flex para preencher a altura do contêiner?
Eu preciso esticar a criança amarela para preencher toda a altura do pai. Sem definir a altura dos pais. A altura dos pais deve depender do texto filho azul. https://jsfiddle.net/7vaequ1c/1/ [https://jsfiddle.net/7vaequ1c/1/] <div ...
Filhos de altura igual dos itens da grade
Coma especificação da grade [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout], Eu entendo como alinhar os filhos de um contêiner de grade, mas quero alinhar elementosdentro as crianças, como se fossem os itens da grade, e não ...
Linhas curvas usando apenas HTML e / ou CSS
Eu preciso adicionar linhas curvas conectando nós de um diagrama em HTML. Eu quero criá-los usandosomente HTML e / ou CSS. Eu estou bem com CSS3, mesmo que nem todos os navegadores suportem o recurso de que preciso (particularmente, não me ...
Por que altura = 100% não funciona?
Eu uso um componente de terceiros que ocupa todo o espaço disponível, ou seja,width=100% eheight=100%. Eu não tenho controle sobre isso. Estou tentando encaixá-lo no seguinte layout, mas éheight=100% não funciona (espero que o componente de ...
A diferença entre unidades percentuais e fr no CSS Grid Layout
Estou brincando com o CSS Grid Layout e me deparei com uma pergunta para a qual não consigo encontrar uma resposta. Considere o seguinte exemplo: :root { --grid-columns: 12; --column-gap: 10px; --row-gap: 10px; } .grid { display: grid; ...
O texto não está agrupando na grade CSS
Venho experimentando CSS Grid e não consigo encontrar os meios mais eficazes para colocar o texto em um<div> elemento que está posicionado parcialmente em cima de dois outros<div/> elementos. Basicamente, como na imagem abaixo, quero que o texto ...