Загрузка видео...

Не удалось загрузить видео

На главную

table of contents marker w/ modern css 🧑‍🍳 .toc { scroll-target-group: auto; } a:target-current { anchor-name: --active; } .toc::after { position-anchor: --active; top: anchor(top); } fun progressive enhancement, no js 🤙

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,460 subscribers

177,317 просмотров • 6 месяцев назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

progressive css-only pagination indicators w/ anchor positioning 👨‍🍳 nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current 🤙
0:16

progressive css-only pagination indicators w/ anchor positioning 👨‍🍳 nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current 🤙

jhey ʕ•ᴥ•ʔ

192,456 просмотров • 8 месяцев назад

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }
0:17

Responsive magnetic link effect using CSS anchor positioning 🧲 nav li:nth-of-type(2) { anchor-name: --i2; } nav:has(li:nth-of-type(2) a:hover) { --a: --i2; } ul::before { /* indicator */ left: anchor(var(--a) left); width: anchor-size(var(--a) width); }

jhey ʕ•ᴥ•ʔ

396,107 просмотров • 2 лет назад

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,924 просмотров • 9 месяцев назад

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO
0:17

A fun CSS-only experimentation using modern features (anchor positioning, @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IO

CSS by T. Afif

12,042 просмотров • 1 год назад

Build Flow Charts with #CSS Anchor Positioning
0:10

Build Flow Charts with #CSS Anchor Positioning

Cory Rylan

28,522 просмотров • 2 лет назад

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.
0:19

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 просмотров • 6 месяцев назад

CSS is mind-blowing 🤯 Browser does what it can to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">
0:19

CSS is mind-blowing 🤯 Browser does what it can to keep the menus in view. Even when you scroll. Zero JavaScript (Aside from the Draggable part) This is the important HTML 👇 (anchor) <button id="trigger" popovertarget="menu"> <div popover="auto" id="menu" anchor="trigger">

jhey ʕ•ᴥ•ʔ

307,283 просмотров • 2 лет назад

In case you missed it, I wrote about the basics CSS Anchor Positioning. 🔗
0:16

In case you missed it, I wrote about the basics CSS Anchor Positioning. 🔗

Ahmad Shadeed

38,739 просмотров • 10 месяцев назад

🚨#BREAKING: CNN’s biggest top news anchor, 77-year-old Chris Wallace, is leaving and quitting the network after three years.
0:12

🚨#BREAKING: CNN’s biggest top news anchor, 77-year-old Chris Wallace, is leaving and quitting the network after three years.

R A W S A L E R T S

1,121,286 просмотров • 1 год назад

another anchor for the O-line group 😤
0:14

another anchor for the O-line group 😤

Cleveland Browns

55,709 просмотров • 2 месяцев назад

Toc toc toc toc
0:14

Toc toc toc toc

Vênus de mim

86,593 просмотров • 7 месяцев назад

Toc… toc… toc…
0:10

Toc… toc… toc…

Priscilla

17,770 просмотров • 11 месяцев назад

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 просмотров • 9 месяцев назад

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 просмотров • 2 месяцев назад

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 просмотров • 9 месяцев назад

Anchor being released
0:17

Anchor being released

Massimo

51,223 просмотров • 11 месяцев назад

Toc toc toc, c'est Josh 🚪 Knock, knock, it's Josh #GoHabsGo
0:17

Toc toc toc, c'est Josh 🚪 Knock, knock, it's Josh #GoHabsGo

Canadiens Montréal

43,897 просмотров • 1 год назад

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 просмотров • 2 лет назад

CSS view transitions + anchor positioning now let you easily build smooth SPA-like navigation on a good old static website!
0:11

CSS view transitions + anchor positioning now let you easily build smooth SPA-like navigation on a good old static website!

Benjamin De Cock

138,226 просмотров • 3 месяцев назад