正在加载视频...

视频加载失败

返回首页

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 次观看 • 2 年前 •via X (Twitter)

科学技术艺术教育
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 5 个月前

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 次观看 • 9 个月前

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 次观看 • 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 次观看 • 5 个月前

Demonstrating a drywall anchor
0:10

Demonstrating a drywall anchor

Interesting AF

7,118,037 次观看 • 1 年前

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

.रepullze is a real anchor. 😭

jake newtron 🚀

31,707 次观看 • 3 个月前

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 次观看 • 1 年前

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

WHAT A GAME! Anchor Down! Vanderbilt Football

Nate Bargatze

65,942 次观看 • 6 个月前

💡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 次观看 • 8 个月前

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 次观看 • 1 年前

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 次观看 • 8 个月前

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 次观看 • 1 个月前

🚨 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 次观看 • 2 个月前

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 次观看 • 9 个月前

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 次观看 • 8 个月前

TVK Anchor 😭
0:15

TVK Anchor 😭

Dr.Aravind Raja

219,853 次观看 • 1 年前

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 次观看 • 2 年前

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 次观看 • 2 年前

Typical B-anchor round 😁
0:12

Typical B-anchor round 😁

Market.CSGO

38,195 次观看 • 2 个月前