Vários blogs expressaram o ganho de desempenho em 'enganar' a GPU para pensar que um elemento é 3D usando transform: translateZ(0)para acelerar animações e transições. Eu queria saber se há implicações em usar essa transformação da seguinte maneira: * { -webkit-transform: translateZ(0);...
Preciso encontrar uma maneira de alterar as propriedades CSS: hover usando JavaScript. Por exemplo, suponha que eu tenha este código HTML: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> E o seguinte código CSS: table...
Quero criar blocos alternados 100% coloridos. Uma situação "ideal" é ilustrada como um anexo, assim como a situação atual. Configuração desejada: Atualmente: Minha primeira ideia foi criar uma classe div, dar a ela uma cor de fundo e 100% de largura. .block { width: 100%; background:...
A especificação HTML permite pontos (.) Em um id: <img id="some.id" /> No entanto, o uso de uma regra de seletor de código CSS não corresponderá corretamente: #some.id { color: #f00; } A especificação CSS para seletores de ID não menciona esse caso. Portanto, presumo que esteja usando a...
Como posso posicionar vários <img>elementos em um círculo ao redor de outro e fazer com que todos esses elementos também sejam links clicáveis? Quero que se pareça com a imagem abaixo, mas não tenho ideia de como conseguir esse efeito. Isso é mesmo
Eu tenho aqui dois divs: <div style="display:table-cell" id="div1"> content </div> <div style="display:table-cell" id="div2"> content </div> Existe uma maneira de abrir espaço entre esses dois divs (que têm
Não consigo entender o que o código a seguir significa em termos de icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span...
No IOS8 Safari, há um novo bug com a posição corrigida. Se você focar em uma área de texto que está em um painel fixo, o safari irá rolar você para o final da página. Isso torna impossível trabalhar com todos os tipos de IUs, já que você não tem como inserir texto em áreas de texto sem rolar sua...
Por exemplo @import url("~./foobar"); Vi aqui , não tenho certeza se é alguma coisa específica do pacote ou se é a sintaxe CSS real.
Estou construindo um aplicativo da web usando o Bootstrap 4 e encontrando alguns problemas estranhos. Desejo utilizar a classe de resposta de tabela do Bootstrap para permitir a rolagem horizontal das tabelas em dispositivos móveis. Em dispositivos desktop, a mesa deve ocupar 100% da largura do DIV...
Eu tenho uma mesa assim: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr>...
No meu documento HTML, tenho uma tabela com duas colunas e várias linhas. Como posso aumentar o espaço entre a primeira e a segunda coluna com css? Tentei aplicar "margin-right: 10px;" para cada uma das células do lado esquerdo, mas sem
Eu criei uma folha de estilo CSS para meu projeto. Existe alguma maneira de criar uma regra de css que se aplica a todos os elementos da tabela EXCETO os elementos da tabela pertencentes à classe "dojoxGrid"? Algo como: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd;...
Eu tenho uma barra de navegação horizontal feita a partir de uma lista não ordenada, e cada item da lista tem muito preenchimento para torná-lo bonito, mas a única área que funciona como um link é o próprio texto. Como posso permitir que o usuário clique em qualquer lugar no item da lista para...
Estou tendo um pequeno problema. Estou usando o FireFox 3.6 e tenho a seguinte estrutura DOM: <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> E o seguinte CSS: .view-row
Eu tenho algo como: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> Qual é o seletor de css para a segunda div (1ª div dentro da div "content") para que...
O cliente deseja bordas de duas cores para uma aparência em relevo. Posso fazer isso em um elemento? Eu esperava evitar empilhar dois elementos DOM com bordas
Preciso saber desenhar polígonos em uma tela. Sem usar jQuery ou algo
É possível verificar se um elemento é CSS display == blockou noneJavaScript?
É possível definir transparência na sombra da caixa? Este é o meu código: box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; -moz-box-shadow: 10px 10px 10px