Articles of css

Como aplicar regras CSS específicas apenas ao Chrome?

Existe uma maneira de aplicar o seguinte CSS a um div específico apenas no Google Chrome? position:relative; top:-2px;

Raio de borda em porcentagem (%) e pixels (px) ou em

Se eu usar um valor de pixel ou em para raio de borda, o raio da aresta será sempre um arco circular ou uma forma de comprimido, mesmo que o valor seja maior que o maior lado do elemento. Quando eu uso porcentagens , o raio da aresta é elíptico e começa no meio de […]

Posso desativar um efeito CSS: hover via JavaScript?

Estou tentando impedir que o navegador use o efeito :hover do CSS, via JavaScript. Eu configurei os estilos a e a:hover no meu CSS, porque quero um efeito de foco, se o JS não estiver disponível. Mas se JS estiver disponível, quero replace meu efeito de foco do CSS por um mais suave (usando o […]

Selecione o elemento com base em várias classs

Eu tenho uma regra de estilo que desejo aplicar a uma tag quando ela tem dois estilos. Existe alguma maneira de realizar isso sem JavaScript? Em outras palavras: Quero aplicar minha regra de estilo somente se o li tiver as classs .ui-class-selector e .ui-class-selector aplicadas.

Adicionando uma imagem dentro de um object de círculo em d3 javascript?

Meu objective é adicionar uma imagem a um círculo existente com d3. O círculo será renderizado e será interativo com o método mouseover, mas somente quando eu usar “fill”, “color” e não algo mais sofisticado como .append (“image”). g.append(“circle”) .attr(“class”, “logo”) .attr(“cx”, 700) .attr(“cy”, 300) .attr(“r”, 10) .attr(“fill”, “black”) // this code works OK .attr(“stroke”, […]

Rotação CSS cruzar navegador com jquery.animate ()

Estou trabalhando na criação de uma rotação compatível entre navegadores (ie9 +) e tenho o seguinte código em um jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $(“#MyDiv1”).css({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’: ‘rotate(‘+d+’deg)’ }); } function AnimateRotate(d) { $(“#MyDiv2”).animate({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’:’rotate(‘+d+’deg)’ }, 1000); } O CSS e HTML são […]

Devo usar max-device-width ou max-width?

Com as consultas de mídia CSS, você pode usar max-device-width para segmentar uma largura de dispositivo (como um dispositivo iPhone ou Android) e / ou uma max-width que tenha como meta a largura de uma página. Se você usar max-device-width , quando alterar o tamanho da janela do navegador na sua área de trabalho, o […]

Retorno de chamada na transição de CSS

É possível obter uma notificação (como retorno de chamada) quando uma transição de CSS foi concluída?

wordwrap uma cadeia muito longa

Como você pode exibir uma string longa, endereço de site, palavra ou conjunto de símbolos com quebras de linha automáticas para manter uma largura div? Eu acho que uma espécie de quebra de linha. Geralmente adicionar um espaço funciona, mas existe uma solução CSS como o word-wrap? Por exemplo, (muito nastily) se sobrepõe a divs, […]

Amazon S3 CORS (Compartilhamento de resources entre origens) e carregamento de fonts entre domínios do Firefox

Houve um problema de longa data com o Firefox não carregando fonts de origem diferente da página atual. Geralmente, o problema surge quando as fonts são exibidas em CDNs. Várias soluções foram levantadas em outras questões: CSS @ font-face não funciona com o Firefox, mas funciona com o Chrome e o IE Com a introdução […]