Resultados da pesquisa a pedido "css3"

5 a resposta

Div rolável para ficar na parte inferior, quando a div externa mudar de tamanho

Aqui está um exemplo de aplicativo de bate-papo -> [/imgs/KtqA4.png] A idéia aqui é ter o.messages-container ocupe o máximo de tela possível. Dentro.messages-container, .scroll mantém a lista de mensagens e, se houver mais mensagens, o tamanho ...

3 a resposta

spinner animado incrível fonte através de plano de fundo

Estou usando o ícone de rotação incrível de fonte através do plano de fundo CSS para carregar a página. /* Styles go here */ .loading-icon { position: relative; width: 20px; height: 20px; margin:50px auto; } .loading-icon:before { content: ...

4 a resposta

Ajuste de objeto que não afeta imagens

Eu tenho tentado usarobject-fit em algumas imagens colocadas dentroarticle elementos, mas não parece afetá-los. O valor desejado para oobject-fit propriedade seriacover, mas, no momento, nenhum dos outros valores parece funcionar também. Quando ...

1 a resposta

Como posso ter uma barra de navegação perfeitamente centralizada com links igualmente amplos?

Então, eu quero ter um menu / barra de navegação centralizada no meu site, mais ou menos como oSite do Ovh [https://www.ovh.com/fr/]. Que CSS eu coloco (não inclui cores). Aqui está o meu HTML: <div class = "nav"> <div class = "top_page"> <h1 ...

3 a resposta

transição CSS3 da largura automática para px "n" [duplicado]

Esta pergunta já tem uma resposta aqui: Como posso fazer a transição da altura: 0; à altura: auto; usando CSS? [/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css] 45 respostasComo faço para aplicar a transição CSS para ...

3 a resposta

Como você adiciona diferentes opacidades aos itens aninhados?

Eu tenho dois itens aninhados em HTML e quero dar uma opacidade ao rascunho 0,8 e um dentro dela uma opacidade 1. Acho que entendo por que não funciona, mas como posso imitar esse efeito? Aqui está um HTML simplificado que mostra o problema. ...

2 a resposta

problema de z-index css com elementos aninhados

Eu tenho 3 elementos HTML que quero encomendar no plano z: .bank { width: 200px; height: 200px; background-color: grey; position: absolute; z-index: 100; transform: translateY(10%); } .card { width: 100px; height: 100px; background-color: red; ...

3 a resposta

Quais são as diferenças entre base flexível e largura?

Houve perguntas e artigos sobre isso, mas nada conclusivo, até onde posso dizer. O melhor resumo que pude encontrar é base flexível permite especificar o tamanho inicial / inicial do elemento, antes que qualquer outra coisa seja computada. Pode ...

1 a resposta

Existe algo que eu possa fazer com a grade implícita que eu não possa fazer com a grade explícita?

Temos a grade implícita comgrid-auto-rows egrid-auto-columns. No entanto, também podemos usargrid-template-rows/grid-template-columns em combinação comrepeat eauto-fit para criar uma grade implícita explícita. Existe algo que possamossó faça ...

2 a resposta

Animar transformar apenas uma propriedade (escala) substituir outra (traduzir)

O problema é que otransform valor da propriedade tem várias partes comotranslate, scale etc. Esta é uma pergunta teórica sobre elemento, vamos.loader isso temtransform:translate(10px, 10px) e na animação eu quero animar oscale propriedade. Nesse ...