18 Hämmastavad efektid, mida saate luua CSS3 Box Shadows abil

Me võime teha palju asju CSS-iga nagu ehitada modaale, teha ilusaid tekstiefekte, tõmmata Viking kilp ja luua isegi südame kuju. Seal on ka palju, mida saame teha CSS3 Box Shadows'iga ja selles postituses me kavatseme vaadake, kuidas mõned disainerid mängivad CSS-varjudega mõningaid suurepäraseid tulemusi.

Selles loendis näete Kasutatakse CSS-varju loenduste loendurite loomisel, 3D-efektide tekitamisel, pikslite kunstil, lihtsal animatsioonil ja palju muud. Et näha rohkem sama tööd, vaadake disainerite portfelle. Kas teate teisi CSS Shadows'e suuri kasutusi? Anna meile teada oma kommentaarides.

Squishy Toggle nupp soulwire abil

Roikles'i pikk vari

Hugo lame pikk vari

Ovaalne kasti vari Jcorpus

Kokkupõrkepallid Abderrahmane poolt

257 3D-i järgi

Apple Store'i ikoon Joshbaderi poolt

Kasti vari gradient kummitusnupule Akwright

Batman valmistatud CSS kasti vari poolt Nickmblain

Frosty Beer Nickmblain poolt

3D tekst Zitrusfrischilt

Animeeritud teksti vari Carpenumidium

Muutke teksti varju abil Chriseisenbraun

Hämmastavad kihilised kujundid Snhasani poolt

Sekundite loendur Martingrand

Animeeritud muster varjuga Yoksel

Värvispekter jaicabi järgi

Vikerkaare ring Koliin