Resultados da pesquisa a pedido "css3"
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 ...
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: ...
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 ...
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 ...
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 ...
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. ...
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; ...
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 ...
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 ...
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 ...