18 úžasných efektov, ktoré môžete vytvoriť pomocou stínov CSS3 Box

Môžeme robiť veľa vecí s CSS ako stavať modály, robiť krásne textové efekty, nakresliť Viking štít a dokonca vytvoriť tvar srdca. Je tu tiež veľa, čo môžeme urobiť s CSS3 Box Shadows a v tomto príspevku sa chystáme pozrite sa na to, ako niektorí dizajnéri hrajú okolo s tieňmi CSS na niektoré skvelé výsledky.

V tomto zozname uvidíte Používané CSS stíny pri vytváraní tikajúcich počítadiel, 3D efekty na text, pixelové umenie, jednoduchú animáciu a ďalšie. Ak chcete vidieť viac tej istej práce, pozrite sa na portfóliá návrhárov. Poznáte ďalšie veľké využitie CSS Shadows? Dajte nám vedieť v komentároch.

Squishy Toggle tlačidlo Podľa soulwire

Dlhý tieň podľa roka

Flat Long Shadow od Huga

Oválne box tieň Jcorpus

Kolízie balls od Abderrahmane

257 v režime 3D Creme

Ikona obchodu Apple podľa Joshbader

Stínový sklon boxu pre tlačidlo duchov Akwright

Batman Vyrobené s CSS box shadow Nickmblain

Mrazivé pivo od Nickmblaina

3D text od spoločnosti Zitrusfrisch

Animovaný text tieň Carpenumidium

Transformujte text s tieňom Chriseisenbraun

Úžasné vrstvené tvary Snhasani

Počítadlo sekúnd

Animovaný vzor vytvorený s tieňom

Farbové spektrum Od jaicab

Dúhový kruh