Resultados da pesquisa a pedido "css3"
Código Flexbox funcionando em todos os navegadores, exceto o Safari. Por quê?
Em colunas de grade com tags de lista, preciso exibir na ordem correta a cada 3 colunas, com a largura automática ativada para todos os elementos extras da lista HTML. Este é o meu exemplo: <style> ul { margin: 0; padding: 0; display: ...
CSS: pairar não funciona no iOS Safari e Chrome
Eu tenho uma div arredondada que tem uma imagem arredondada e um título na parte inferior comopacity: 0.5; Ao passar o mouse, a opacidade deve se tornar 1. É bifurcada em todos os navegadores de desktop e Firefox para iOS, mas não funciona no ...
Criar e aplicar dinamicamente animações CSS3
o.animate() A função jQuery não permite que todas as propriedades de animação CSS3 sejam animadas (por exemplo,background-color) Existe uma maneira padrão e agradável de criar, aplicar e remover dinamicamente animações CSS3 aos elementos da ...
Por que o layout da tabela: fixo afeta a largura do elemento pai?
Alguém pode explicar por que meudiv comtable-layout:fixed está alterando a largura do seu elemento pai (body neste caso) para torná-lo 100% quando não deve ser 100%, pois está posicionado? body { border: 2px solid red; height: 100vh; margin:0; ...
Salto arrastável do Webkit e jQuery
Como um experimento, criei algumas divs e as alternei usando CSS3. .items { position: absolute; cursor: pointer; background: #FFC400; -moz-box-shadow: 0px 0px 2px #E39900; -webkit-box-shadow: 1px 1px 2px #E39900; box-shadow: 0px 0px 2px #E39900; ...
Centralize itens flexíveis com um no final da linha [duplicado]
Esta pergunta já tem uma resposta aqui: Alinhar ao centro e à direita elementos flexbox [/questions/38948102/center-and-right-align-flexbox-elements] 4 respostasEstou criando uma barra de navegação comflexbox. Aqui está o meuhtml: <div ...
Altura restante do preenchimento de CSS Div [duplicado]
Esta pergunta já tem uma resposta aqui: Faça uma div preencher a altura do espaço restante na tela [/questions/90178/make-a-div-fill-the-height-of-the-remaining-screen-space] 31 respostasPor favor veja meujsfiddle ...
Como as propriedades personalizadas do CSS são conectadas em cascata?
Digamos que eu tenho o seguinte CSS: :root { --color: blue; } div { --color: green; } #alert { --color: red; } * { color: var(--color); }e minha marcação é: <p>I inherited blue from the root element!</p> <div>I got green set directly ...
Entendendo a diferença entre as propriedades flex e flex-grow
Qual é a diferença de efeito entre a configuraçãoflex: 1; e configuraçãoflex-grow: 1;? Quando eu defino o primeiro no meu código, as duas colunas que eu tenho são exibidas com largura igual, enquanto não o fazem quando eu defino o último. Isso é ...
Centralize verticalmente uma div dentro de outra div
eu estou tentandovertical-align: middle uma div dentro de outra div, mas por algum motivo não está funcionando corretamente. O que estou fazendo errado? #wrapper { border: 1px solid red; width: 500px; height: 500px; } #block { border: 1px ...