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
  • 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
  • DiHITT
  • Linkk
  • Do Melhor
  • Rec6
  • WebSapiens
  • StumbleUpon
  • BlogBlogs
Categorias
css, indicações
Comentários RSS
Comentários RSS
Trackback
Trackback

BuscaPé, líder em comparação de preços na América Latina

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
  • Swift Mailer: solução PHP para envio de e-mails
  • Painel de controle do Wordpress 2.5 menos feio com Fluency Admin
  • 60 tutoriais de Photoshop
  • Identificador de fontes
  • Por onde começar com o jQuery
  • CSS mínimo

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!

Deixar um comentário

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Baixar ícones de alta definição e qualidade
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • Classe PHP para conexão com banco de dados MySQL
  • Como pegar parte do conteúdo (dados) de outro site com PHP

Categorias

  • (x)html (4)
  • acessibilidade (4)
  • blogs (4)
  • css (15)
  • design (28)
  • firefox (4)
  • indicações (50)
  • javascript (4)
  • jquery (8)
  • microformatos (1)
  • miscelânea (20)
  • php (7)
  • séries (8)
  • seo (8)
  • usabilidade (6)
  • vida (4)
  • wordpress (15)

Eu indico

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



Artigos Recentes

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

WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress

Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia

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

Wordpress Love, para quem ama blogar

Últimos Comentários

Paulo Faustino: Oi Tárcio. Agora só falta liberar um template customizado para futura edição de campanhas (...)

Tárcio Zemel: @ Leo Oi, tudo bem? Obrigado pelas dicas e comentários a respeito desta classe! Como (...)

Leo: Olá, Tarcio! Essa classe pode ser melhorada. Eu utilizo um método exclusivo para insert,update e delete (...)

Tárcio Zemel: @ bfms Muito obrigado pelas considerações, Bruno! Realmente foi minha intenção ajudar ao traduzir este (...)

bfms: Bom artigo :) Estou a par do assunto e trabalho neste tema. Achei que para (...)

Mais Comentados

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)

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

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

Classe PHP para conexão com banco de dados MySQL (8)

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