Articles of css

Texto pós-animação desfocado / distorcido baseado em Webkit via translate3d

Esse problema parece afetar todos os navegadores baseados no WebKit, incluindo o iPhone. Primeiro alguns antecedentes. O site em que estou trabalhando usa uma animação ‘deslizante’ baseada em JavaScript que é basicamente idêntica a esta: http://www.assistly.com/product-tour/#/easy-setup A única diferença é que estou usando o -webkit-transform: translate3d para ‘power’ a animação real. Ao usar esse método, […]

quebra automática de palavras em css / js

Eu estou procurando uma forma cross-browser de quebra longas porções de texto que não têm espaços de quebra (por exemplo, URLs longas) dentro de divs com larguras pré-determinadas. Aqui estão algumas soluções que encontrei na Web e por que elas não funcionam para mim: estouro: oculto / automático / rolagem – Preciso que todo o […]

Criando um efeito de zoom em uma imagem em foco usando CSS?

No momento, estou tentando criar um efeito de zoom em uma das minhas quatro imagens. O problema é que a maioria dos exemplos geralmente usa tabelas ou mascara os divs para aplicar algum tipo de efeito. Aqui está um exemplo que implementa o que eu gostaria disso . Este é o meu código até agora. […]

Ajustar a posição da imagem do estilo da lista?

Existe uma maneira de ajustar a posição da imagem no estilo de lista? Quando uso padding para itens de lista, a imagem fica na sua posição e não se move com preenchimento …

Devo usar notação de dois pontos simples ou dupla para pseudo-elementos?

Como o IE7 e o IE8 não suportam a notação de dois-pontos para pseudoelementos (eg ::after ou ::first-letter ), e uma vez que os navegadores modernos suportam a notação de um único cólon (por exemplo :after ) para compatibilidade com versões anteriores, Eu uso apenas a notação de cólon único e quando a participação de […]

como exibir corretamente um iFrame no safari móvel

Estou tentando exibir um iframe no meu aplicativo da web para celular, mas estou com problemas para restringir o tamanho do iframe às dimensões da canvas do iPhone. Os atributos height e width no elemento iframe parecem não ter efeito, estranhamente. Envolvendo-o com um div consegue restringi-lo, mas não consigo rolar no iframe. Alguém já […]

O que as vírgulas e espaços em várias classs significam em CSS?

Aqui está um exemplo que eu não entendo: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Parece-me que width: 460px é aplicado a todas as classs acima mencionadas. Mas por que algumas classs são separadas por uma vírgula ( , ) e algumas apenas por um espaço? Eu suponho que width: 460px será aplicada apenas […]

Gradientes no Internet Explorer 9

Alguém sabe o prefixo do fornecedor para gradientes no IE9 ou ainda devemos continuar usando seus filtros proprietários? O que eu tenho para os outros navegadores é: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′); /* IE6,IE7 */ -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′)”; /* IE8 […]

javascript css verificar se estouro

Qual é a maneira mais fácil de detectar se um elemento foi transbordado? Meu caso de uso é, eu quero limitar uma determinada checkbox de conteúdo para ter uma altura de 300px. Se o conteúdo interno é mais alto do que isso, eu o cortei com um estouro. Mas se for transbordado, quero mostrar um […]

As fonts @ font-face só funcionam em seu próprio domínio

Eu estou tentando criar um tipo de repository de fonts para uso em meus sites, para que eu possa ligar para qualquer fonte no repository no meu css sem qualquer outra configuração. Para fazer isso, criei um subdomínio no qual coloquei pastas para cada fonte no repository que continha os vários tipos de arquivo para […]