18 Úžasné efekty Můžete vytvořit pomocí CSS3 Box Shadows

Můžeme dělat spoustu věcí s CSS jako stavět modály, dělat krásné textové efekty, nakreslit štít Vikingů a dokonce vytvořit tvar srdce. Je tu také spousta, co můžeme dělat s CSS3 Box Stíny, a v tomto příspěvku jdeme Podívejte se na to, jak někteří návrháři hrají s CSS stíny, na některé skvělé výsledky.

V tomto seznamu uvidíte Použité CSS stíny při vytváření zaškrtávacích čítačů, 3D efektů na text, umění pixelů, jednoduché animace a dalších. Chcete-li vidět více stejné práce, podívejte se na portfolia návrhářů. Znáte jakékoli další skvělé využití CSS Shadows? Dejte nám vědět v komentářích.

Squishy Přepnout tlačítko Soulwire

Dlouhý stín od Roiklesa

Plochý dlouhý stín od Huga

Oválný box stín Jcorpus

Kolizní koule Abderrahmane

257 ve 3D By Creme

Ikona Apple Store By Joshbader

Box stín přechodu pro tlačítko duch Akwright

Batman Made with CSS box stín Od Nickmblain

Mrazivé pivo od Nickmblain

3D text Zitrusfrisch

Stín animovaného textu By Carpenumidium

Transformovat text se stínem Chriseisenbraun

Úžasné vrstvené tvary Snhasani

Počítadlo sekund By martingrand

Animovaný vzor se stínem By yoksel

Barevné spektrum podle jaicab

Duhový kruh Kolem