Articles of css

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 […]

CSS: Passe um elemento, efeito para vários elementos?

Estou procurando um método para o meu problema de pairar. Lorem Ipsum Agora, ambas as classs (imagem e camada) têm bordas, ambas têm colors diferentes para normal e pairar. Existe uma maneira de fazer isso, se eu passar a class de camada, a cor da borda pairando e a class da imagem está ativa? E […]

O que significa “i” em um seletor de atributo de CSS?

Encontrei o seguinte seletor de CSS na folha de estilo do agente do usuário do Google Chrome: [type=”checkbox” i] O que i quero dizer?

Remova o header e o rodapé de window.print ()

Eu estou usando window.print () para impressão de página, mas eu tenho header e rodapé contém o título da página, caminho do arquivo, número de página e data. Como removê-los? Eu tentei imprimir folha de estilo também. #header, #nav, .noprint { display: none; } Por favor ajude. Obrigado.

Font Awesome não funciona, icons mostrando como quadrados

Então, eu estou tentando prototipar uma página de marketing e estou usando o Bootstrap e o novo arquivo Font Awesome. O problema é que quando tento usar um ícone, tudo que é renderizado na página é um grande quadrado. Aqui está como eu incluo os arquivos na cabeça: Page Title E aqui está um exemplo […]

Sombreamento de imagem PNG em CSS

Eu tenho uma imagem PNG, que tem forma livre (não quadrada). Eu preciso aplicar o efeito de sombra para esta imagem. A abordagem padrão … -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; […]

Borda de fonte CSS?

Com todo o novo material de borda CSS3 acontecendo ( -webkit , …) agora é possível adicionar uma borda à sua fonte? (Como a borda branca sólida em torno do logotipo azul do Twitter). Se não, existem alguns hacks não muito feios que irão realizar isso em CSS / XHTML ou eu ainda preciso ativar […]

Desempenho CSS relativo ao translateZ (0)

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 para usar essa transformação da seguinte maneira: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }