Ir para o conteúdo

 Voltar a Blog
Tela cheia Sugerir um artigo

Sombras no CSS3 funcionando em todos os navegadores

14 de Dezembro de 2011, 15:09 , por Desconhecido - 0sem comentários ainda | Ninguém seguindo este artigo por enquanto.
Visualizado 52 vezes
Por Raphael Vinagre

Aqui vai uma dica bem simples para usar os drop-shadows via CSS3.
Formatação:

box-shadow: <horizontal> <vertical> <blur> <cor>

Aí teremos o seguinte:

/* Efeitos --------------------- */
.shadow{
box-shadow: 4px 4px 5px #818181;
-webkit-box-shadow: 4px 4px 5px #818181;
-moz-box-shadow:  4px 4px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=4, offY=4, positive=true);
}

 

Autor: Rafael Jardim


0sem comentários ainda

Enviar um comentário

Os campos são obrigatórios.

Se você é um usuário registrado, pode se identificar e ser reconhecido automaticamente.

Checklist para o projeto de interfaces

14 de Dezembro de 2011, 16:00, por Desconhecido

Este é um roteiro básico para verificação dos elementos interface para desenharmos um projeto. Vale lembrar que os projetos do MDArte são basicamente em CRUD (Create, Retrieve, Update e Delete) e não sistemas CMS com outras divisões e exibições. Cada um pode ter a sua lista e seria legal enviar comentários com adendos para ficar cada vez mais completa e padronizada.



Monthly archive for agosto 2010 CSS, Plugins, jQuery Flexigrid – Tabelas inteligentes com CSS e jQuery

14 de Dezembro de 2011, 15:46, por Desconhecido

Essa semana aqui no projeto, estávamos procurando uma solução para algumas tabelas que extrapolavam o tamanho da



Auto-Grid 960

14 de Dezembro de 2011, 15:41, por Desconhecido

Essa dica vai pra quem não tem muita paciência de configurar um js de grid 960 direto no seu código para ver o alinhamento de seus elementos.



Título na tabela do displayTag

14 de Dezembro de 2011, 15:39, por Desconhecido

O MDArte utiliza o displayTag e é possível customiza-lo de diversas maneiras. Uma coisa legal é colocar um título que só será exibido quando a consulta for executada.



CSS3:Textos com sombras

14 de Dezembro de 2011, 15:12, por Desconhecido

Se voce aplicar a propriedade “box-shadow” em um texto, a mesma vai ser aplicada em sua caixa (box). Para isso foi criada a propriedade “text-shadow”.
Seu uso é o seguinte: