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