Resultados da pesquisa a pedido "css3"
diferença entre pseudo-classes em branco e vazias
qual é a diferença entre: empty e: blank (rascunho CSS do nível 4 dos seletores de CSS)? Além do fato de que o espaço em branco só funciona no Firefox a partir de agora. div div{ width:100px; height:100px; display:inline-block; margin:5px; ...
Alinhar ao lado esquerdo do contaner um elemento girado -90deg
div { width: 300px; height: 300px; border:1px solid black; } h1 { width: 300px; transform: rotate(-90deg) }<div> <h1>Hola</h1> </div> Se você tentar esse trecho, verá que oh1 é girado e colocado no centro da div (faz sentido, eles têm a mesma ...
css3 drop shadow sob outra div, o z-index não está funcionando
Estou tentando usar uma sombra projetada para fazer parecer que uma div (o cabeçalho) está "acima" de outra. meu problema é que a div "média" está cobrindo a sombra projetada. Eu tentei usar o z-index para colocar o cabeçalho div sobre o meio ...
Como você pode usar o flexbox para centralizar verticalmente o texto em uma div de altura fixa sem transbordar acima?
A primeira linha do texto na terceira.box é elevado acima do topo da div e cortado. Gostaria que parecesse o mesmo que a segunda caixa (bem, na verdade, idealmente como a segunda caixa mais uma...) Isso pode ser feito com o flexbox?Caso ...
Por que a página html não é adequada para 100%?
Sempre que eu quero criar uma página html, eu tenho problemas com isso, por que a página html é inferior a 100%? Deixe-me explicar no exemplo: <!doctype html> <html> <head> <title>Test</title> <style> html { margin: 0; padding: 0; width: 100%; ...
Cantos arredondados para <input type = 'text' /> usando border-radius.htc no IE
Quero criar um campo de entrada com cantos arredondados. HTML: <div id="RightColumn"> <input type="text" class="inputForm" /> </div>CSS: .inputForm { -moz-border-radius:10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ ...
Sobrepor área não transparente da imagem com CSS
Estou interessado em modificar dinamicamente uma imagem com fundo transparente e conseguir isso usando CSS. O que eu realmente preciso é criar um tipo de silhueta, para que todos os pixels não transparentes tenham uma cor aplicada a eles. Nesse ...
Como centralizar um contêiner flexível, mas alinhar itens flexíveis à esquerda
Quero que os itens flexíveis sejam centralizados, mas quando temos uma segunda linha, temos 5 (da imagem abaixo) abaixo de 1 e não centralizados no pai. [/imgs/GhD1E.png] Aqui está um exemplo do que eu tenho: ul { display: flex; ...
caixas de bloco embutido que não cabem no contêiner [duplicado]
Esta pergunta já tem uma resposta aqui: Como removo o espaço entre os elementos de bloco embutido? [/questions/5078239/how-do-i-remove-the-space-between-inline-block-elements] 37 respostasNão tendo certeza do que estou fazendo de errado, pensei ...
Alterar a ordem div com CSS, dependendo da largura do dispositivo
Estou trabalhando em um site responsivo e me deparei com um problema interessante. Eu tenho alguns divs lado a lado. Pode haver de 2 a 6 ou mais deles. Quando a tela não é larga o suficiente para mostrar todo o conteúdo corretamente, as divs são ...