Hjemmeside » Coding » 18 fantastiske effekter du kan oprette med CSS3 Box Shadows

    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