18 fantastiske effekter du kan lage med CSS3 Box Shadows

Vi kan gjøre mange ting med CSS som byggmodeller, lage vakre teksteffekter, tegne en vikingskjold, og til og med lage en hjerteform. Det er også mye vi kan gjøre med CSS3 Box Shadows, og i dette innlegget kommer vi til se på hvordan noen designere spiller rundt med CSS-skygger til noen gode resultater.

I denne listen vil du se CSS-skygger brukt i å lage tikkende tellere, 3D-effekter på tekst, piksel kunst, enkel animasjon og mer. For å se mer av det samme arbeidet, sjekk ut designernes porteføljer. Vet du om andre flotte bruksområder av CSS Shadows? Gi oss beskjed i kommentarene.

Squishy Toggle-knapp Av soulwire

Lang skygge av Roikles

Flat Long Shadow av Hugo

Oval boks skygge Av Jcorpus

Kollisjonsspill av Abderrahmane

257 i 3D av Creme

Apple Store-ikon Av Joshbader

Box skyggegradient for spøkelsesknappen Av Akwright

Batman Laget med CSS boks skygge Av Nickmblain

Frosty øl av Nickmblain

3D tekst av Zitrusfrisch

Animert tekstskygge Med karpenumidium

Transform tekst med skygge Av Chriseisenbraun

Fantastiske lagdelte former Av Snhasani

Sekundsteller Ved martingrand

Animert mønster laget med skygge Av yoksel

Fargespektrum Av jaicab

Rainbow sirkel Av colin