Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiSanatEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 5 ay önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 2 ay önce

💡 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 görüntüleme • 5 ay önce

Demonstrating a drywall anchor
0:10

Demonstrating a drywall anchor

Interesting AF

7,118,037 görüntüleme • 1 yıl önce

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

.रepullze is a real anchor. 😭

jake newtron 🚀

31,707 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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

WHAT A GAME! Anchor Down! Vanderbilt Football

Nate Bargatze

65,942 görüntüleme • 6 ay önce

💡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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

Drywall anchor
0:19

Drywall anchor

World of Engineering

345,192 görüntüleme • 8 ay önce

Hollow drywall anchor
0:16

Hollow drywall anchor

World of Engineering

152,971 görüntüleme • 1 ay önce

🚨 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 görüntüleme • 2 ay önce

Hollow wall anchor
0:18

Hollow wall anchor

World of Engineering

500,744 görüntüleme • 8 ay önce

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 görüntüleme • 8 ay önce

TVK Anchor 😭
0:15

TVK Anchor 😭

Dr.Aravind Raja

219,853 görüntüleme • 1 yıl önce

Average B site anchor
0:15

Average B site anchor

Unfortunate Counter-Strike

166,949 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

Typical B-anchor round 😁
0:12

Typical B-anchor round 😁

Market.CSGO

38,195 görüntüleme • 2 ay önce