Resultados da pesquisa a pedido "css3"

1 a resposta

Inclinar a borda div de um lado apenas usando apenas uma div

Eu criei uma div enviesada usando o seguinte css #outer-left{ -ms-transform: skew(-30deg,0deg); /* IE 9 */ -webkit-transform:skew(-30deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-30deg,0deg); background:#333333; width:200px; ...

2 a resposta

Sobre sites responsivos, pixels e densidade

Codifiquei um site responsivo, no qual tenho consultas de mídia CSS para detectar o tamanho da tela (pixels) do dispositivo com o qual o usuário está navegando. Apenas mídias padrão. Exemplo: @media (max-width: 1199px){ /*code*/ } @media ...

2 a resposta

Deseja colocar a página inteira em escala de cinza, exceto a div especificada

Eu tenho um código css que poderia fazer a página inteira em escala de cinza. <style type="text/css"> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } </style>Agora, quero incorporar um iframe em ...

3 a resposta

Por que 'família de fontes' não é herdada nas tags '<button>' automaticamente?

Eu notei que no caso de<button> Tag,família de fontesnão é herdado automaticamente; ou devo especificá-lo explicitamente como: <button style="font-family: some_style;">Button</button>ou useherdarpropriedade como esta: <button ...

1 a resposta

Criar um loop usando SCSS para alterar imagens de fundo com CSS3 animado?

Eu criei o início de uma animação CSS3, como mostrado abaixo. Eu tentei usar @for e @each dentro do SCSS para criar um loop que aumentará os% 's e também o número de cada imagem de plano de fundo. Meu conhecimento sobre SCSS avançado como esse é ...

9 a resposta

Grade responsiva de hexágonos

Carreguei várias imagens no meu site na Internet. É possível dar a todas essas imagens umaforma de hexágonoem uma grade responsiva? <div> <img src="link" class="Image"> </div> <div> <img src="link" class="Image"> </div> ...Encontrei várias ...

1 a resposta

Por que document.querySelector não está funcionando no pseudo-elemento?

Eu estou jogando com pseudo-elementos e javascript, mas de alguma forma eu não posso estilizar usando javascript. var div = document.querySelector(":before"); div.style["display"] ="none";div{ width:200px; height:200px; background:red; ...

4 a resposta

O Chrome corta partes do tipo à esquerda, o firefox e o IE são bem exibidos. Bug do Chrome?

Eu tenho um elemento H3 regular com uma fonte personalizada (Didot da Linotype) em estilo itálico. Vejo: O problema é que o Chrome está cortando partes do tipo (como descendentes e serifas), enquanto outros navegadores exibem o tipo muito bem. ...

1 a resposta

Texto embaçado após transformação 3D

Eu tenho uma div que eu girei em torno do eixo X com perspectiva. A div contém texto que fica embaçado quando a rotação é aplicada. Existe alguma maneira de obter o texto nítido na rotação em torno deste eixo? Eu tentei o "hack" translate3d e ...

2 a resposta

Largura da tabela de exibição CSS 100% - pixel ausente?

Eu tenho alguns contêineres div com sobreposições dentro deles: <div class="container"> <div class="overlay"></div> </div> <div class="container"> <div class="overlay"></div> </div> <div class="container"> <div class="overlay"></div> </div> <div ...