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