desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Sombrear imagens com CSS

1 de maio de 2008 4 comentários

Vi no feed do Veias Negras (;-D) a indicação de um artigo da Erika Sarti sobre como adicionar sombras a imagens utilizando CSS. No artigo, a autora mostra diferentes técnicas (todas CSS) para sombrear imagens, explicando conceitualmente cada uma e mostrando o código necessário.

Enquanto não “chega” de vez o CSS 3 com sua box-shadow, esse é o esquema (e mesmo depois que chegar, pois duvido muito que o IEca dê suporte…). Pessoalmente, achei melhor (e mais simples) que o artigo sobre sombreamento com CSS do The Shape of Days e os boxes com sombra do Maujor…

Brasucas em ação!

Adicionando sombra a múltiplas imagens com CSS
Categorias
css, indicações
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "Sombrear imagens com CSS"

  • Manipular imagens usando PHP com Asido
  • Redimensionar e fazer montagens em imagens com o rsizr
  • Comentários em vídeo em blogs Wordpress com Seesmic-wp-plugin
  • Como tirar screenshot de um web site inteiro e obter uma imagem completa
  • 60 tutoriais de Photoshop
  • Swift Mailer: solução PHP para envio de e-mails
  • Painel de controle do Wordpress 2.5 menos feio com Fluency Admin
  • Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE
  • Por onde começar com o jQuery
  • Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress

4 comentários em "Sombrear imagens com CSS"

Bárbara (1/05/2008)

Haha, agora sim :)

Achei essa dica super interessante também, era exatamente o que eu precisava para um trabalho. Vale a pena compartilhar.

Abraços, boa sexta feira :)

Tárcio Zemel (2/05/2008)

@ Bárbara

Pois é, muito bom saber isso! Pessoalmente, nunca precisei de algo do gênero, mas agora que consta no meu “canivete suíço web” vai ficar muito tranquilo quando aparecer algo do gênero.

Abraços e bom fim de semana!

Paulo Faustino (4/05/2008)

Olá amigo Tárcio. Excelente artigo. Irei dar uma vista de olhos a esses códigos CSS e quem sabe aplicar no meu blog.

Votos de grande sucesso.
Paulo F.

Tárcio Zemel (5/05/2008)

@ Paulo Faustino

Ei, Paulo! Obrigado por aparecer e comentar!

Esses códigos são muito bons, mesmo! A Erika Sarti fez um excelente trabalho!

Qualquer dúvida com CSS que eu puder lhe ajudar, basta dizer!

Abraços!

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag
Selo peixe Grande 2008

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Como montar um portfolio sem ter clientes
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (30)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (29)
  • php (7)
  • séries (9)
  • seo (10)
  • usabilidade (6)
  • wordpress (19)

Eu indico

  • blosque.com
  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

"Sexy Buttons" em menus do Wordpress

Manageable: praticidade e rapidez para editar informações de páginas e artigos do Wordpress

30 extensões para Firefox que vão mudar sua vida na web (para melhor)

Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress

Google Chrome - primeiras impressões sobre o navegador da Google

Minhas 5 indicações do Blog Day 2008

Últimos Comentários

Pedro Rogério: Muito bom o artigo, tenho que tirar o chapéu pra você!!! (...)

fabiano: Ola Tárcio Queria saber como posso montar o portifolio da minha empresa de Soluções Digitais? Se (...)

Felipe Volkmer: Perfeito! Justamente o que tava precisando. Já estás no meu feed e nos favoritos! Abraços! (...)

Pedro T: Olá tárcio.... Só um pequeno comentário.... a verdade é que a informação é cada vez (...)

Christiano G. de Araújo: Mas os sinais comentados não apareceram... (...)

Mais Comentados

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

CSS float: considerações, dicas e macetes para bons layouts na web (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (12)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.