
16 удивительных Box-Shadows эффектов на CSS3
- 19, Апрель, 2015
Вы увидите как используя свойство box-shadows и добавляя эффект тени на CSS3 можно создать 3D-эффекты для текста, длинные плоские тени для элементов, счетчик и другие.
Эффекты на CSS3
See the Pen Squishy Toggle Buttons by Justin Windle (@soulwire) on CodePen.
See the Pen Long Shadow Gradient Mixin by roikles (@roikles) on CodePen.
See the Pen Shade — Shadow Mixin by Hugo Darby-Brown (@hugo) on CodePen.
See the Pen Shadow by Julio Corpus (@jcorpus) on CodePen.
Разбивающиеся шары от Abderrahmane
See the Pen one element, multiple shadows by Abderrahmane-TJ (@Abderrahmane-TJ) on CodePen.
See the Pen 257 by creme (@creme) on CodePen.
Иконка Apple Store от Joshbader
See the Pen Apple Store Icon by Josh Bader (@joshbader) on CodePen.
Градиентная тень для прозрачных кнопок от Akwright
See the Pen Gradient Ghost Buttons by Alex (@akwright) on CodePen.
See the Pen 3D-Text with Text-Shadow by Daniel Riemer (@zitrusfrisch) on CodePen.
Анимированная тень текста от Carpenumidium
See the Pen [webkit] Animated «text-shadow» pattern by carpe numidium (@carpenumidium) on CodePen.
Трансформированный текст с тенью от Chriseisenbraun
See the Pen CSS Text Shadow by Chris Eisenbraun (@chriseisenbraun) on CodePen.
Невероятные слоенные формы от Snhasani
See the Pen Nar Sang by Naser Hassani (@snhasani) on CodePen.
See the Pen seconds counter by Martin Grand (@martingrand) on CodePen.
See the Pen Just playing with ShadowPainter by yoksel (@yoksel) on CodePen.
See the Pen Mixing colors with box-shadow by Jaime Caballero (@jaicab) on CodePen.
See the Pen Rainbow Circle by Colin McClure (@colin) on CodePen.
Если вы знаете другие эффекты, или разработчиков напишите о них в комментариях.