Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

details 🤌 :hover intention + safety triangles 🦺 .triangle { pointer-events: none; } .toggle:hover .triangle { pointer-events: all; } .toggle:has(+ :popover-open) .triangle { scale: 0; } .toggle:is(:hover, :focus-visible) + aside { translate: 0 0; }

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,469 subscribers

136,127 görüntüleme • 9 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

little details: the intention of CSS :hover 👆 a::after { transition: scale 0.26s; } a:is(:hover, :focus-visible)::after { transition-delay: 0.125s; } add a small transition-delay so you don't trigger :hover events whilst passing over an element unintentionally
0:16

little details: the intention of CSS :hover 👆 a::after { transition: scale 0.26s; } a:is(:hover, :focus-visible)::after { transition-delay: 0.125s; } add a small transition-delay so you don't trigger :hover events whilst passing over an element unintentionally

jhey ʕ•ᴥ•ʔ

39,646 görüntüleme • 1 yıl önce

A rite of passage in design engineering: implement the safety triangle for hover interactions
0:10

A rite of passage in design engineering: implement the safety triangle for hover interactions

Guillermo Rauch

184,010 görüntüleme • 2 yıl önce

safety triangles in action 👨‍🍳 🟢 pointer speed shows intent so enable 🔴 pointer speed slow so ignore one dynamic clipped pseudoelement on the trigger to capture the :hover whilst enabled this vs. an arbitrary timeout
0:18

safety triangles in action 👨‍🍳 🟢 pointer speed shows intent so enable 🔴 pointer speed slow so ignore one dynamic clipped pseudoelement on the trigger to capture the :hover whilst enabled this vs. an arbitrary timeout

jhey ʕ•ᴥ•ʔ

72,461 görüntüleme • 4 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

barbra streisand wanted to make a movie called triangle about a love triangle that takes place during the triangle shirtwaist factory fire
0:19

barbra streisand wanted to make a movie called triangle about a love triangle that takes place during the triangle shirtwaist factory fire

Tom Smyth

617,798 görüntüleme • 2 yıl önce

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout
0:18

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout

jhey ʕ•ᴥ•ʔ

98,663 görüntüleme • 4 ay önce

Ascending Triangle
0:16

Ascending Triangle

Market Rebellion

146,831 görüntüleme • 6 ay önce

Ichoooo Kaka kungotanga newin. Genesis Mangombe leads Triangle to 1-0 win over Yadah in his first game in charge. Triangle are the only team to fire a coach this season, letting go of Luke Masomere who had led them to PSL promotion but struggled in the Premiership.
0:14

Ichoooo Kaka kungotanga newin. Genesis Mangombe leads Triangle to 1-0 win over Yadah in his first game in charge. Triangle are the only team to fire a coach this season, letting go of Luke Masomere who had led them to PSL promotion but struggled in the Premiership.

Yvonne Mangunda 🇿🇼

13,754 görüntüleme • 1 yıl önce

Area of triangle
0:18

Area of triangle

Math Magician

47,352 görüntüleme • 3 yıl önce

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`
0:15

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`

Adam Argyle

34,575 görüntüleme • 1 yıl önce

best love triangle ever
0:16

best love triangle ever

tallyn 🏹

127,862 görüntüleme • 5 ay önce

Triangle Splatting for Real-Time Radiance Field Rendering Contributions: (i) We propose Triangle Splatting, a novel approach that directly optimizes unstructured triangles, bridging traditional computer graphics and radiance fields. (ii) We introduce a differentiable window function for soft triangle boundaries, enabling effective gradient flow. (iii) We demonstrate qualitatively and quantitatively that Triangle Splatting outperforms concurrent methods in terms of visual quality and rendering speed, and achieves superior perceptual quality compared to the state-of-the-art Zip-NeRF on indoor scenes. (iv) The optimized triangles are directly compatible with standard mesh-based renderers, enabling seamless integration into traditional graphics pipelines.
0:16

Triangle Splatting for Real-Time Radiance Field Rendering Contributions: (i) We propose Triangle Splatting, a novel approach that directly optimizes unstructured triangles, bridging traditional computer graphics and radiance fields. (ii) We introduce a differentiable window function for soft triangle boundaries, enabling effective gradient flow. (iii) We demonstrate qualitatively and quantitatively that Triangle Splatting outperforms concurrent methods in terms of visual quality and rendering speed, and achieves superior perceptual quality compared to the state-of-the-art Zip-NeRF on indoor scenes. (iv) The optimized triangles are directly compatible with standard mesh-based renderers, enabling seamless integration into traditional graphics pipelines.

MrNeRF

51,407 görüntüleme • 1 yıl önce

TRIANGLE TAIL ALERT
0:14

TRIANGLE TAIL ALERT

cats who share one braincell

1,080,566 görüntüleme • 3 yıl önce

Dancing Triangle (Creepy) (2020)
0:10

Dancing Triangle (Creepy) (2020)

Lost Internet

764,849 görüntüleme • 11 ay önce

Morley's theorem (1899) states that the intersections of the adjacent angle trisectors of any triangle defines an equilateral triangle.
0:11

Morley's theorem (1899) states that the intersections of the adjacent angle trisectors of any triangle defines an equilateral triangle.

Samuel Vaiter

21,929 görüntüleme • 1 yıl önce

Textbook "Blind Pig" via the pinch post out of the Triangle offense. (Yup, the Philippines national team runs the Triangle.)
0:11

Textbook "Blind Pig" via the pinch post out of the Triangle offense. (Yup, the Philippines national team runs the Triangle.)

Joe Viray

242,456 görüntüleme • 2 yıl önce

OFF THE WALL TRIANGLE???? #KC44
0:15

OFF THE WALL TRIANGLE???? #KC44

Spinnin Backfist

550,994 görüntüleme • 2 yıl önce