Postagens

Mostrando postagens de Julho, 2015

Sombra nos seus PNGs transparentes - Solução crossbrowser.

Imagem
Olá, quanto tempo hein.

Estou trabalhando em um formulário bem complexo e percebi que ele possuia bastante botões redondos. Daí me veio a idéia que se eu adicionasse sombra em todos esses botões o formulário enganaria ser material design. Como são muitos botões daria muito trabalho adicionar as sombras em um editor de imagens 1 a um então fui atrás de uma solução CSS. Encontrei esse aqui:

http://demosthenes.info/blog/600/Creating-a-True-Cross-Browser-Drop-Shadow-Effect-With-CSS3-amp-SVG

Com poucas adaptações no código desse tutorial, cheguei em uma solução que tem até efeito de hover. Espero que gostem da dica.