эффект на css3 мягких кнопок

16 удивительных Box-Shadows эффектов на CSS3

  • 19, Апрель, 2015


Вы увидите как используя свойство box-shadows и добавляя эффект тени на CSS3 можно создать 3D-эффекты для текста, длинные плоские тени для элементов, счетчик и другие.

Эффекты на CSS3

«Мягкие кнопки» от soulwire

See the Pen Squishy Toggle Buttons by Justin Windle (@soulwire) on CodePen.


Длинная тень от Roikles

See the Pen Long Shadow Gradient Mixin by roikles (@roikles) on CodePen.


Плоская длинная тень от Hugo

See the Pen Shade — Shadow Mixin by Hugo Darby-Brown (@hugo) on CodePen.


Овальные тени от Jcorpus

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.


Число 257 в 3D от Creme

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.


3D текст от Zitrusfrisch

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.


Счетчик секунд от martingrand

See the Pen seconds counter by Martin Grand (@martingrand) on CodePen.


Анимированный узор от yoksel

See the Pen Just playing with ShadowPainter by yoksel (@yoksel) on CodePen.


Спектр цветов от jaicab

See the Pen Mixing colors with box-shadow by Jaime Caballero (@jaicab) on CodePen.


Радужный круг от colin

See the Pen Rainbow Circle by Colin McClure (@colin) on CodePen.


Если вы знаете другие эффекты, или разработчиков напишите о них в комментариях.