18 efeitos incríveis que você pode criar com sombras de caixa CSS3

Podemos fazer muitas coisas com CSS como construir modais, criar belos efeitos de texto, desenhar um escudo Viking e até mesmo criar um formato de coração. Também há muito que podemos fazer com CSS3 Box Shadows, e neste post vamos olha como alguns designers brincam com sombras CSS para ótimos resultados.

Nesta lista você verá Sombras CSS usadas na criação de contadores de tique-taque, efeitos 3D em texto, pixel art, animação simples e muito mais. Para ver mais do mesmo trabalho, confira os portfólios dos designers. Sabe de algum outro grande uso de CSS Shadows? Deixe-nos saber nos comentários.

Botão Toggle Mole Por soulwire

Long Shadow por Roikles

Flat Long Shadow por Hugo

Sombra oval da caixa por Jcorpus

Bolas de Colisão By Abderrahmane

257 em 3D por Creme

Apple Store icon Por Joshbader

Gradiente de sombra de caixa para botão fantasma Por Akwright

Batman Feito com CSS box shadow Por Nickmblain

Cerveja gelada por Nickmblain

Texto 3D de Zitrusfrisch

Sombra de texto animado Por Carpenumidium

Transformar texto com sombra Por Chriseisenbraun

Formas em camadas incríveis Por Snhasani

Segundos counter Por martingrand

Padrão animado feito com sombra por yoksel

Espectro de cores por jaicab

Círculo de arco-íris por colin