18 fantastiske effekter du kan oprette med CSS3 Box Shadows

Vi kan gøre mange ting med CSS som bygningsmodeller, lave smukke teksteffekter, tegne et vikingeskjold og til og med skabe en hjerteform. Der er også masser at vi kan gøre med CSS3 Box Shadows, og i dette indlæg skal vi se på, hvordan nogle designere leger med CSS-skygger til nogle gode resultater.

I denne liste vil du se CSS-skygger brugt i at skabe tællende tællere, 3D-effekter på tekst, pixel kunst, simpel animation og meget mere. For at se mere af det samme arbejde, skal du tjekke designernes porteføljer. Kendskab til andre store anvendelser af CSS-skygger? Lad os vide i kommentarerne.

Squishy Toggle-knap Af soulwire

Long Shadow by Roikles

Flad lang skygge af Hugo

Oval boks skygge Af Jcorpus

Kollisionsboller af Abderrahmane

257 i 3D af Creme

Apple Store-ikon Af Joshbader

Box skygge gradient for spøgelsesknappen Af Akwright

Batman lavet med CSS box skygge Af Nickmblain

Frosty øl af Nickmblain

3D tekst af Zitrusfrisch

Animeret tekstskygge Med Carpenumidium

Transform tekst med skygge Af Chriseisenbraun

Fantastiske lagformede former af Snhasani

Sekundetæller Ved martingrand

Animeret mønster lavet med skygge Af yoksel

Farvespektrum Ved jaicab

Rainbow cirkel Af colin