CSS Эффекты #22 Анимированный эффект градиентной тени | HTML, CSS (SCSS)

preview_player
Показать описание
#YauhenK #webDev #CSS #HTML

Всех приветствую в видеокасте «CSS Эффекты».
В данном видео-касте мы с вами будем рассматривать и создавать различные дизайнерские элементы пользовательского интерфейса (UI).
Примерами будут служить оригинальные анимации, необычные трансформации и переходы.
Любой элемент можно можно использовать для вдохновения, а так же дорабатывать или переделывать самостоятельно, т.к. весь код можно найти в GitHub репозитории.
Разметка будет писаться на HTML, а все эффекты создаваться только с помощью CSS (с использованием препроцессора SASS).

✒ Репозиторий видеокаста:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

Рекомендации по теме
Комментарии
Автор

молодец хороший эффект добавил к себе в избранное

piemkel
Автор

Вау, красиво! Продолжай с этой рубрикой)

lit_ua
Автор

Ради того, чтобы забабахать этому лайк не грех перейти с linkedIn. Результат потрясающий

TechDevNick
Автор

Круто! :) А может исходники опубликовать что бы руками не забивать?

svfits
Автор

could you please put the link to the source code in the description so we can interact with it?

khotambakhromov
Автор

а если положить div.shadow в <div class="some-class" style="background-color: grey;padding: 10px;">, то ничего не заработает. как правильно в итоге встраивать такие div.shadow в другие блоки? причем другие блоки изменять возможности нет.

ilnurgi
Автор

если поставить border-radius то в мобильной версии вылезают уголки, как их убрать?

walkingdolphin