Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieKunstBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 2 Monaten

💡 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 Aufrufe • vor 5 Monaten

Demonstrating a drywall anchor
0:10

Demonstrating a drywall anchor

Interesting AF

7,118,037 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

.रepullze is a real anchor. 😭

jake newtron 🚀

31,707 Aufrufe • vor 3 Monaten

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

WHAT A GAME! Anchor Down! Vanderbilt Football

Nate Bargatze

65,942 Aufrufe • vor 6 Monaten

💡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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 Aufrufe • vor 8 Monaten

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 Aufrufe • vor 1 Monat

🚨 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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 8 Monaten

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 Aufrufe • vor 8 Monaten

TVK Anchor 😭
0:15

TVK Anchor 😭

Dr.Aravind Raja

219,853 Aufrufe • vor 1 Jahr

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

Typical B-anchor round 😁
0:12

Typical B-anchor round 😁

Market.CSGO

38,195 Aufrufe • vor 2 Monaten