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

    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