Kotisivu » Coding » 18 Hämmästyttäviä tehosteita, joita voit luoda CSS3 Box -varjojen avulla

    18 Hämmästyttäviä tehosteita, joita voit luoda CSS3 Box -varjojen avulla

    Voimme tehdä paljon asioita CSS: n kanssa, kuten rakentaa modaaleja, tehdä kauniita tekstitehosteita, piirtää Viking-kilven ja jopa luoda sydämen muodon. On myös paljon, mitä voimme tehdä CSS3 Box Shadowsin kanssa, ja tässä tehtävässä me aiomme Katsokaa, miten jotkut suunnittelijat pelaavat CSS-varjojen kanssa erinomaisiin tuloksiin.

    Tässä luettelossa näet Käytetyt CSS-varjot luodaan tarkistuslaskurit, 3D-vaikutukset tekstiin, pikselitaide, yksinkertainen animaatio ja paljon muuta. Jos haluat nähdä enemmän samasta työstä, tutustu suunnittelijoiden portfolioihin. Tunne kaikki muut suuret CSS-varjojen käyttötavat? Kerro meille kommenteistamme.

    Squishy Toggle -painike soulwiren avulla

    Roiklesin pitkä varjo

    Hugon tasainen pitkä varjo

    Soikea laatikko varjo Jcorpus

    Törmäyspallot Abderrahmane

    257 3D: n mukaan

    Apple Store -kuvake By Joshbader

    Ruudun varjo-gradientti haamupainikkeelle By Akwright

    Batman Valmistettu CSS-laatikkovärillä. Nickmblain

     

    Frosty Beer: Nickmblain

     

    Zitrusfrischin 3D-teksti

    Animoitu teksti-varjo Carpenumidiumilla

    Muunna teksti varjossa Chriseisenbraun

    Hämmästyttävät kerrostetut muodot Snhasani

    Sekunnin laskuri Martingrand

    Animoitu kuvio tehty varjossa Yoksel

    Värien spektri jaicab

    Rainbow-ympyrä Colin