Hemsida » Kodning » 18 Fantastiska effekter du kan skapa med CSS3 Box Shadows

    18 Fantastiska effekter du kan skapa med CSS3 Box Shadows

    Vi kan göra en hel del saker med CSS som byggnadsmodeller, skapa vackra texteffekter, rita en vikingsköld och till och med skapa en hjärtform. Det finns också mycket att vi kan göra med CSS3 Box Shadows, och i det här inlägget kommer vi att titta på hur några designers spelar runt med CSS-skuggor till några bra resultat.

    I denna lista ser du CSS-skuggor används i att skapa tickande räknare, 3D-effekter på text, pixelkonst, enkel animering och mer. För att se mer av samma arbete, kolla in designers portföljer. Vet du om andra stora användningsområden av CSS-skuggor? Låt oss veta i kommentarerna.

    Squishy Växla knapp Av soulwire

    Long Shadow by Roikles

    Flat Long Shadow av Hugo

    Oval boxaskugga Av Jcorpus

    Kollisionsbollar av Abderrahmane

    257 i 3D av Creme

    Apple Store-ikon Av Joshbader

    Boxskugggradient för spökningsknapp Av Akwright

    Batman Gjord med CSS box skugga Av Nickmblain

     

    Frosty öl av Nickmblain

     

    3D-text av Zitrusfrisch

    Animerad textskugga Med karpenumidium

    Förvandla text med skugga Av Chriseisenbraun

    Fantastiska lagrade former av Snhasani

    Sekundräknare Av martingrand

    Animerat mönster gjord med skugga Av yoksel

    Färgspektrum Av jaicab

    Rainbow cirkel Av colin