CSS Layers | Слои киллер-фича будущего

Uploaded By: Myvideo

Published on

16 Jul 2023

1 view

0

0 votes

0

About Share Download Add to

👋 Привет! Меня зовут Александр Ламков, я фронтенд-инженер из компании VK. На этом образовательном канале делюсь знаниями по фронтенд-разработке со всеми желающими. ✏️ В этом видео разбираем новинку CSS — Layers, слои, переворачивающие представление о привычном каскаде стилей. 🔴 Timeline: ▶ 00:00 | О чем видео ▶ 00:15 | Что такое каскадные слои ▶ 00:29 | Проблема специфичности и каскада ▶ 02:04 | Директива @layer — собственные слои каскада ▶ 02:23 | Верхнеуровневое правило layer ▶ 03:14 | Наследуемые layers и их приоритет относительно друг друга ▶ 03:41 | Порядок слоев в браузере ▶ 04:01 | Положение layers в математике каскада ▶ 05:44 | Области применения ▶ 07:06 | Поддержка браузерами ▶ 07:20 | Заключение 📚 Полезные ссылки: ➖ Директива @layer на MDN: https://devel

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/alJwZkdpNFEybTBibjZEempHME9uRjcxcnpkRWZQVVNFQzluRHZhc2Npdz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

091 Season 5 wrap-up (Дата оригинальной публикации: )

3 weeks ago

00:42:38

091 Season 5 wrap-up (Дата оригинальной публикации: )

15 93%

Exploring Features in Modern CSS - Jakob Endrestad Kielland - NDC Oslo 2024

1 month ago

00:09:50

Exploring Features in Modern CSS - Jakob Endrestad Kielland - NDC Oslo 2024

1 65%

Pop n' Lock Dialog Mini Web Machine (Дата оригинальной публикации: )

3 months ago

00:07:29

Pop n' Lock Dialog Mini Web Machine (Дата оригинальной публикации: )

20 42%

Photoshop Tutorial - Create 3D Scene from a Single Photo

4 months ago

00:05:16

Photoshop Tutorial - Create 3D Scene from a Single Photo

1 38%

Frontend Nation 2024 Joran Quinten - Modern CSS does what now (Дата оригинальной публикации: )

4 months ago

00:33:03

Frontend Nation 2024 Joran Quinten - Modern CSS does what now (Дата оригинальной публикации: )

6 47%

Animating dialogs and popovers to and from top-layer (Дата оригинальной публикации: )

4 months ago

00:00:37

Animating dialogs and popovers to and from top-layer (Дата оригинальной публикации: )

3 70%

080 Animating to and from top-layer (Дата оригинальной публикации: )

4 months ago

00:31:22

080 Animating to and from top-layer (Дата оригинальной публикации: )

37 51%

React Custom Hooks | Learn Custom Hooks & Build a Project

5 months ago

00:30:58

React Custom Hooks | Learn Custom Hooks & Build a Project

1 70%

What is the The Pile Mini Web Machine (Дата оригинальной публикации: )

5 months ago

00:00:46

What is the The Pile Mini Web Machine (Дата оригинальной публикации: )

2 88%

The Pile (Дата оригинальной публикации: )

6 months ago

00:04:26

The Pile (Дата оригинальной публикации: )

35 51%

Core Concepts Timeline Lookup and Named TLs Unleash the power of Scroll-Driven Animations (510) (Дата оригинальной публикаци

6 months ago

00:09:08

Core Concepts Timeline Lookup and Named TLs Unleash the power of Scroll-Driven Animations (510) (Дата оригинальной публикаци

37 52%

418. DMA, Safari, заголовки, select, темы, JS в PDF, HTML, песочница в V8, CSS-миксины, Figma

6 months ago

01:39:23

418. DMA, Safari, заголовки, select, темы, JS в PDF, HTML, песочница в V8, CSS-миксины, Figma

1 72%

New CSS features to deal with the Cascade & Specificity

7 months ago

00:42:54

New CSS features to deal with the Cascade & Specificity

29 43%

FrontMaters - Tailwind CSS

7 months ago

04:10:52

FrontMaters - Tailwind CSS

6 76%

CSS 3D Isometric Social Media Icon Hover Effects | Fontawesome Icons

8 months ago

00:05:55

CSS 3D Isometric Social Media Icon Hover Effects | Fontawesome Icons

1 12%

DEBUNKING NEURALINK Pt2 (1080p)

9 months ago

00:21:44

DEBUNKING NEURALINK Pt2 (1080p)

1 26%

JavaScript Game Development Course for Beginners

10 months ago

09:37:20

JavaScript Game Development Course for Beginners

1 78%

28 - Data Mapping, Layers, Query, Теория | Бесплатный курс по BACK-END

10 months ago

00:43:20

28 - Data Mapping, Layers, Query, Теория | Бесплатный курс по BACK-END

1 23%

4. CSS Cascade Layers Tutorial #4 - Importing Into Layers

10 months ago

00:05:03

4. CSS Cascade Layers Tutorial #4 - Importing Into Layers

1 78%

2. CSS Cascade Layers Tutorial #2 - Using Cascade Layers

10 months ago

00:04:49

2. CSS Cascade Layers Tutorial #2 - Using Cascade Layers

1 35%

27 CSS 3D Button Animation Tutorial - Layered Effect With CSS3 Transforms

11 months ago

00:13:57

27 CSS 3D Button Animation Tutorial - Layered Effect With CSS3 Transforms

2 12%

26 - business logic layer (бизнеслогика) | Backend - Путь Самурая

11 months ago

00:24:32

26 - business logic layer (бизнеслогика) | Backend - Путь Самурая

1 37%

CSS Cascade Layers Tutorial #4 - Importing Into Layers

12 months ago

00:05:01

CSS Cascade Layers Tutorial #4 - Importing Into Layers

14 20%

CSS Cascade Layers Tutorial #3 - Layer Priority

12 months ago

00:09:43

CSS Cascade Layers Tutorial #3 - Layer Priority

7 90%

0 Comments

Guest