Тени в CSS. Box-shadow и drop-shadow. В чем разница?

preview_player
Показать описание
Привет! В этом видео рассматриваем два вида тени в CSS - box-shadow и drop-shadow. В чем различия и где что применять?
Заходите в телеграм канал. там я публикую ссылки на полезные сервисы и макеты для практики верстки.
Приятного просмотра!

Псевдо-CSS:
Мультиколонки в CSS
Что можно поместить в CSS-переменную?

Телеграм:
Моя страница в ВК:

Содержание:
00:00 Привет
00:47 Box-shadow
01:32 Drop-shadow
04:42 Тень на блоках
08:33 Тень на градиентах

#html #css #frontend
  1. VIMP dev — верстка сайтов
  2. html
  3. css
  4. web
  5. development
  6. js
Рекомендации по теме
Тени в CSS. 0:10:42

Тени в CSS. Box-shadow и drop-shadow. В чем разница?

Тени в css3. 0:04:08

Тени в css3. Свойство box-shadow и text-shadow. Урок 7

CSS Разница теней 0:00:34

CSS Разница теней — box-shadow VS drop-shadow

9. CSS рамка 0:14:22

9. CSS рамка border, обводка outline, тени box-shadow, фильтры filter

Магия CSS #9 0:11:45

Магия CSS #9 — Обтекание тени box-shadow вокруг нестандартной фигуры...

Уроки по CSS/CSS3. 0:09:06

Уроки по CSS/CSS3. Часть 14. Тени (box-shadow)

GoToWeb - Видеокурс 0:15:29

GoToWeb - Видеокурс Html и Css, урок 35, Тени в CSS

Свойство box-shadow в 0:14:38

Свойство box-shadow в CSS || Box-shadow property in CSS || CSS Full Course || CSS Полный курс...

CSS уроки с 0:00:56

CSS уроки с нуля. Свойство box-shadow

Уроки по CSS3 0:08:19

Уроки по CSS3 | Как задать тень для элемента. Свойство box-shadow...

Эффект тени для 0:07:28

Эффект тени для изображения используя HTML & CSS шаг за шагом || Box Shadow Effect for image CSS...

⁂21. Свойство box-shadow 0:17:11

⁂21. Свойство box-shadow добавляет тень к элементу. CSS3 уроки. inset. Программирование...

CSS. Урок 8. 0:04:11

CSS. Урок 8. box-shadow

CSS drop shadow 0:00:22

CSS drop shadow vs Box shadow

Урок 64. Тени 0:12:40

Урок 64. Тени для текста и блоков (text-shadow, box-shadow)

33. Frontender[1.0] Цвет 0:16:56

33. Frontender[1.0] Цвет и Тень. HEX, RGBA, Box shadow. HTML, CSS

CSS анимация с 0:07:19

CSS анимация с 3D эффектом и box-shadow для landing page

CSS3 #11 Границы 0:09:57

CSS3 #11 Границы и тени (Borders & Shadows)

Mastering in CSS3 0:07:52

Mastering in CSS3 Box Shadow From Beginner To Expert

CSS уроки. Свойство 0:00:37

CSS уроки. Свойство text-shadow

Тени (Shadow) в 0:08:21

Тени (Shadow) в CSS 3 - Урок #7 - Уроки по CSS 3

CSS #5 | 0:02:13

CSS #5 | Тень для текста | text shadow

CSS Shadow and 0:01:46

CSS Shadow and Rounded Corners

Как сделать тень 0:02:51

Как сделать тень блока - css для новичков

Комментарии
Автор

Привет, коллеги. В одном из моментов накосячил со звуком, пришлось переписывать кусок и вставлять в готовое видео. Это там где внезапно появились стрелочки :)

VIMPdev
Автор

Я первый ☝️ ура новый видосян, лайк не глядя )

denismaltsev
Автор

Здравствуйте. Подскажите, почему пропадают тени в CSS? Когда пишу код в консоли - тени есть, а когда закрываю ее или обновляю страницу, тени пропадают.

peekaboo
visit shbcf.ru