Articles of css

O CSS renderiza diferentemente no servidor da Web do que no ambiente de desenvolvimento

Eu tenho esse problema onde o aplicativo da web que eu criei no meu ambiente de desenvolvimento, exibe de maneira diferente depois de carregá-lo no servidor da web. Estou usando o mesmo navegador e a mesma máquina para visualizar as páginas. A única coisa diferente, é o “servidor”. Eu estou usando .net 3.5 e no […]

@ font-face anti-aliasing no windows e mac

Eu usei http://www.fontsquirrel.com/ para criar um kit @ font-face. Funciona bem, mas o resultado no windows é diferente do resultado no mac. No windows a fonte parece ter um anti-aliasing errado: Este é o resultado no Mac com FF, Chrome ou Safari (todos atualizados para a última versão). Este é o resultado no Windows com […]

Imagem de fundo fixa com ios7

Eu tenho um projeto que estou usando a imagem de fundo fixa. Funciona muito bem em tudo, exceto no ios7. No ipad, a imagem de fundo é ampliada e embaçada. Aqui está o código CSS que estou usando – .header { display: table; height: 100%; width: 100%; position: relative; color: #fff; background: url(../images/boston2.jpg) no-repeat center […]

Como você desbota uma cor de fundo usando jquery?

Como faço para desvanecer no conteúdo de texto com jQuery? O objective é chamar a atenção do usuário para a mensagem.

CSS: posição fixa no eixo x mas não y?

Existe uma maneira de corrigir uma posição apenas no eixo x? Então, quando um usuário rola para cima, a tag div vai rolar para cima, mas não de um lado para o outro?

IE8: n-filho e: antes

Aqui está o meu CSS: #nav-primary ul li:nth-child(1) a:after { } Funciona em todos os lugares agora (usado no meu site), exceto o Internet Explorer 8 … Existe possivelmente uma maneira de usar o n-filho no IE8? Esta é a pior versão deste navegador … nada funciona como deveria e não consigo encontrar uma maneira […]

Existe um SASS.js? Algo como LESS.js?

Eu usei o LESS.js antes. É fácil de usar, algo como Eu vi o SASS.js. Como posso usá-lo de maneira semelhante? Analisando um arquivo SASS para uso imediato em HTML. Parece que o SASS.js é mais para uso com o Node.js ? var sass = require(‘sass’) sass.render(‘… string of sass …’) // => ‘… string […]

Efeito de focalização: expanda a borda inferior

Estou tentando obter um efeito de transição na borda que a borda expande em foco. h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ”; height: 40px; width: 275px; border-bottom: solid 3px #019fb6; transition: left 250ms ease-in-out, right 250ms ease-in-out; opacity: 0; } h1:hover:after { opacity: 1; } CSS IS AWESOME Eu […]

Posso alterar a altura de uma imagem em CSS: before /: after pseudo-elements?

Suponha que eu queira decorar links para certos tipos de arquivos usando uma imagem. Eu poderia declarar meus links como A File! então tem CSS como .pdflink:after { content: url(‘/images/pdf.png’) } Agora, isso funciona muito bem, exceto se pdf.png não for o tamanho certo para o texto do meu link. Eu gostaria de poder dizer […]

CSS 3 slide da transição à esquerda

Existe uma solução cross-browser para produzir uma transição slide-in apenas com CSS, sem javascript? Abaixo está um exemplo do conteúdo html: