Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

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

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

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

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

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

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

Ascending Triangle
0:16

Ascending Triangle

Market Rebellion

146,831 Aufrufe • vor 6 Monaten

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

Area of triangle
0:18

Area of triangle

Math Magician

47,352 Aufrufe • vor 3 Jahren

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

TRIANGLE TAIL ALERT
0:14

TRIANGLE TAIL ALERT

cats who share one braincell

1,080,566 Aufrufe • vor 3 Jahren

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

Dancing Triangle (Creepy) (2020)
0:10

Dancing Triangle (Creepy) (2020)

Lost Internet

764,849 Aufrufe • vor 11 Monaten

best love triangle ever
0:16

best love triangle ever

tallyn 🏹

127,862 Aufrufe • vor 5 Monaten

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

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

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

OFF THE WALL TRIANGLE???? #KC44

Spinnin Backfist

550,994 Aufrufe • vor 2 Jahren