Loading video...

Video Failed to Load

Go Home

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 🤙

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,336 subscribers

192,414 views • 7 months ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 🤙
0:15

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 🤙

jhey ʕ•ᴥ•ʔ

176,874 views • 5 months ago

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 views • 9 months ago

No, we’re not doing that. Shericka has closed the gap on anchor before. Don’t do that.
0:12

No, we’re not doing that. Shericka has closed the gap on anchor before. Don’t do that.

☈O2☈EAL✨

97,707 views • 1 month ago

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

137,854 views • 2 months ago

💡 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 views • 5 months ago

Anchor:- “Why can’t we Land on the Moon again?” “We have done it before though” ‼️ WHOOPS 🤣
0:19

Anchor:- “Why can’t we Land on the Moon again?” “We have done it before though” ‼️ WHOOPS 🤣

Concerned Citizen

54,252 views • 1 month ago

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

another anchor for the O-line group 😤

Cleveland Browns

55,639 views • 1 month ago

Master introduction thread for $NAV. The official token of Navigator. Nav was built to be a deflationary monster. Every action you take burns $NAV.
0:10

Master introduction thread for $NAV. The official token of Navigator. Nav was built to be a deflationary monster. Every action you take burns $NAV.

Navigator

21,382 views • 1 year ago

💡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,769 views • 8 months ago

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 views • 8 months ago

anchor is so fun to use :D -- [ #RobloxDev #Shellbound]
0:15

anchor is so fun to use :D -- [ #RobloxDev #Shellbound]

raddoob 🩷🦝

82,632 views • 1 year ago

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 views • 1 month ago

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 views • 9 months ago

News anchor for 30 years, Joe Kernen says, “Prepare for the #bitcoin halving”.
0:13

News anchor for 30 years, Joe Kernen says, “Prepare for the #bitcoin halving”.

Documenting ₿itcoin 📄

127,120 views • 2 years ago

TVK Anchor 😭
0:15

TVK Anchor 😭

Dr.Aravind Raja

219,853 views • 1 year ago

Rīga izmirusi… nav cilvēku, nav tūristu…
0:12

Rīga izmirusi… nav cilvēku, nav tūristu…

Vilhelms Meisters

27,611 views • 1 year ago

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 views • 2 years ago

Sarfu brought energy, fearless batting & intent - but the clown Fleming chose anchor Kartik over him 🙂
0:14

Sarfu brought energy, fearless batting & intent - but the clown Fleming chose anchor Kartik over him 🙂

HarshitMahiRaina73 🇮🇳

44,328 views • 1 month ago

Demonstrating a drywall anchor
0:10

Demonstrating a drywall anchor

Interesting AF

7,118,037 views • 1 year ago