Tutorial: Como utilizar CSS Sprites
Postado por: Pedro Rogério emO nome pode sor meio estranho, mas vamos a uma breve explicação do que são CSS Sprites. Você já viu aqueles botões que possuem o estado “on” e “off”? Aquela técnica pode ser desenvolvida através da utilização de CSS Sprites, onde em uma única imagem você pode guardar todos os estados do botão e efetuar o efeito através da troca de posicionamento de background no CSS, ou até mesmo salvar em uma única imagem todas as imagens utilizadas no site, como faz o Google.com e o Youtube.
O site From the Couch disponibiliza um vídeo ensinando a técnica de CSS Sprites, em inglês:
Via: CSSBlog ES
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Poooo, essa é uma das técnicas mais legais que eu ja vi sobre otimização de sites….quando se usa varios icones pequenos quebra um galhão!
Direto da fonte:
O artigo original de Dave Shea na A List Apart sobre CSS Sprites – http://www.alistapart.com/articles/sprites
E o novo artigo, agora da versão 100% Cross-Browser e com animações através da JQuery – http://www.alistapart.com/articles/sprites2
Sabendo-se inglês, todas as informações estão nestes dois artigos de forma clara e concisa!
=)
Muito legal a tecnica
Olá. Eu estou procurando um tuto que fale sobre um efeito de imagem usando o css. Não sei o nome do efeito, mas ele é tipo….a logo no canto superior do site e passa um efeito de brilho/luz percorrendo toda a imagem.
Já vi esse efeito em flash, mas uma vez me disseram que ele pode ser obtido com css. Você teria uma dica de onde encontrar esse tuto??
Obrigada…
Vamos ver se a galera começa a usar mais essa parada!
Fiz um artigo falando sobre o assunto (jabá):
http://creativemarkup.com.br/blog/2009/css-sprites/
[...] Utilize CSS Sprites (pode saber o que são e como se usam aqui e aqui). [...]
[...] falei aqui no blog uma vez sobre CSS Sprites, através de um vídeo tutorial, mas faltava algo mais prático para mostrar aos usuários. Com [...]
[...] falei aqui no blog uma vez sobre CSS Sprites, através de um vídeo tutorial, mas faltava algo mais prático para mostrar aos usuários. Com [...]