Loading video...

Video Failed to Load

Go Home

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); }

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

144,098 subscribers

396,107 views • 2 years ago •via X (Twitter)

Science & TechnologyArtsEducation
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

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,831 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,548 views • 5 months ago

Demonstrating a drywall anchor
0:10

Demonstrating a drywall anchor

Interesting AF

7,118,037 views • 1 year ago

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇
0:16

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇

jhey ʕ•ᴥ•ʔ

65,006 views • 1 year ago

.रepullze is a real anchor. 😭
0:19

.रepullze is a real anchor. 😭

jake newtron 🚀

31,707 views • 3 months 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

WHAT A GAME! Anchor Down! Vanderbilt Football
0:12

WHAT A GAME! Anchor Down! Vanderbilt Football

Nate Bargatze

65,942 views • 6 months ago

Her name is Tanjia Islam, an anchor at Desh TV (a Bangladeshi news channel)
0:19

Her name is Tanjia Islam, an anchor at Desh TV (a Bangladeshi news channel)

do'o kappa

15,829 views • 1 year ago

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 views • 8 months ago

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 views • 1 month ago

🚨 SHOCKING: NEWS ANCHOR QUOTES MUSLIM BROTHERHOOD FOUNDER ON AIR An Alabama news anchor signed off a live broadcast by quoting Hassan al-Banna, the founder of the Muslim Brotherhood. Anchor remains on air. Side note: The Muslim Brotherhood isn’t just a historical movement. It’s the ideological root of groups like Hamas and a driving force behind modern political Islam. Stay connected, follow Mossad Commentary
0:13

🚨 SHOCKING: NEWS ANCHOR QUOTES MUSLIM BROTHERHOOD FOUNDER ON AIR An Alabama news anchor signed off a live broadcast by quoting Hassan al-Banna, the founder of the Muslim Brotherhood. Anchor remains on air. Side note: The Muslim Brotherhood isn’t just a historical movement. It’s the ideological root of groups like Hamas and a driving force behind modern political Islam. Stay connected, follow Mossad Commentary

Mossad Commentary

30,151 views • 2 months ago

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉
0:15

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 views • 8 months ago

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 views • 8 months ago

TVK Anchor 😭
0:15

TVK Anchor 😭

Dr.Aravind Raja

219,853 views • 1 year ago

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 views • 2 years ago

Gaza| The mother of this innocent girl was an anchor and was martyred in an Israeli attack, now this girl is performing the duties of an anchor in place of her mother.
0:10

Gaza| The mother of this innocent girl was an anchor and was martyred in an Israeli attack, now this girl is performing the duties of an anchor in place of her mother.

Javeria Sultan

6,830,839 views • 2 years ago

The comeback of all comebacks!!🔥 Shelly-Ann Fraser-Pryce 🇯🇲 is a marvel on 4x100m anchor legs.
0:18

The comeback of all comebacks!!🔥 Shelly-Ann Fraser-Pryce 🇯🇲 is a marvel on 4x100m anchor legs.

Track & Field Gazette

159,750 views • 10 months ago