Loading video...

Video Failed to Load

Go Home

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,338 subscribers

136,100 views • 8 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 1 year ago

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

183,977 views • 2 years ago

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

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,692 views • 2 years ago

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 views • 4 months ago

Ascending Triangle
0:16

Ascending Triangle

Market Rebellion

146,799 views • 5 months ago

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 views • 1 year ago

Area of triangle
0:18

Area of triangle

Math Magician

47,352 views • 3 years ago

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 views • 1 year ago

dancing triangle 🥰😇
0:15

dancing triangle 🥰😇

konrad.evilempire.eth 🎀【６９００】ファイナンス 🎀

29,515 views • 1 year ago

TRIANGLE TAIL ALERT
0:14

TRIANGLE TAIL ALERT

cats who share one braincell

1,080,566 views • 3 years ago

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 views • 1 year ago

best love triangle ever
0:16

best love triangle ever

tallyn 🏹

127,862 views • 4 months ago

Dancing Triangle (Creepy) (2020)
0:10

Dancing Triangle (Creepy) (2020)

Lost Internet

764,849 views • 10 months ago

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 views • 1 year ago

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

OFF THE WALL TRIANGLE???? #KC44

Spinnin Backfist

550,985 views • 2 years ago

A perfect triangle. 📐 #BeachSoccerWC
0:11

A perfect triangle. 📐 #BeachSoccerWC

FIFA World Cup

60,581 views • 1 year ago

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 views • 1 year ago