正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

tiny footer interaction tip left: hover follows the text area right: hover follows the whole row same spacing, no dead zones fast in, slow out 1 prompt fix on client's website

Hours

7,312 subscribers

40,370 次观看 • 6 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.

You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.

Emil Kowalski

668,273 次观看 • 9 个月前

OFFICIAL: Rome Blockchain Labs Inc. will launch the Hover lending protocol on #KAVA! Hover ($HOV) will open cross-chain deposits from multiple #Cosmos zones and blockchain networks ⛓️ ⚛️

OFFICIAL: Rome Blockchain Labs Inc. will launch the Hover lending protocol on #KAVA! Hover ($HOV) will open cross-chain deposits from multiple #Cosmos zones and blockchain networks ⛓️ ⚛️

Kava

14,051 次观看 • 3 年前

Hailuo MiniMax Design MiniMax Design (H3) MiniMax (official) Another Prototype Another Test - PASSED SOLESHIFT° A playful footwear e-commerce concept where every cursor hover transforms the shoe, typography, colors and motion graphics. No single text error or inaccuracy throughout all the video. The model passed the followings successfully - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Tip: Use Visual Hierarchy - One of the most essential core design principle. Prompt & Workflow below

Hailuo MiniMax Design MiniMax Design (H3) MiniMax (official) Another Prototype Another Test - PASSED SOLESHIFT° A playful footwear e-commerce concept where every cursor hover transforms the shoe, typography, colors and motion graphics. No single text error or inaccuracy throughout all the video. The model passed the followings successfully - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Tip: Use Visual Hierarchy - One of the most essential core design principle. Prompt & Workflow below

Shams

44,776 次观看 • 2 个月前

Hover effects for personal website 🎈

Hover effects for personal website 🎈

Anne Lee

55,068 次观看 • 3 年前

i had to recreate this animation from because of how cool it is - stagger animation on entry - hover to reveal card contents - masked gradient on text on hover

i had to recreate this animation from because of how cool it is - stagger animation on entry - hover to reveal card contents - masked gradient on text on hover

Manu Arora

12,010 次观看 • 5 个月前

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.

Gabriel

37,882 次观看 • 3 个月前

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }

jhey ʕ•ᴥ•ʔ

59,460 次观看 • 1 年前

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️

Ali

26,692 次观看 • 6 个月前

People finding out that not the same person draws every scene is hilarious to me. Left is the character designer yajima and right is souta yamazaki who follows the manga very closely.

People finding out that not the same person draws every scene is hilarious to me. Left is the character designer yajima and right is souta yamazaki who follows the manga very closely.

debunkedbyeren

76,220 次观看 • 9 个月前

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation

80 LEVEL

23,042 次观看 • 1 年前

The entire industry standardized on static hover 15 years ago and just… stopped thinking about it. Fluid hover is my take to respect the user's cursor.

The entire industry standardized on static hover 15 years ago and just… stopped thinking about it. Fluid hover is my take to respect the user's cursor.

Micka

135,817 次观看 • 2 个月前

Another (cool) demo where I am using the same technique. Demo: via CodePen.IO The border will smoothly stop (always) at the same position on hover. #codepenchallenge

Another (cool) demo where I am using the same technique. Demo: via CodePen.IO The border will smoothly stop (always) at the same position on hover. #codepenchallenge

CSS by T. Afif

12,059 次观看 • 1 年前

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

David Mráz

16,914 次观看 • 1 年前

The New Tesla Hover Bike!

The New Tesla Hover Bike!

TESLA CARS ONLY⚡️

213,715 次观看 • 11 个月前

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.

Guillermo Rauch

167,436 次观看 • 1 年前

url bar exploration • bar materializes on hover • icons drift in from the edges • back/forward arrows shove on click • labels enter/exit directionally on swap • refresh tilts then spins • new tab arrow nudges on hover/click

url bar exploration • bar materializes on hover • icons drift in from the edges • back/forward arrows shove on click • labels enter/exit directionally on swap • refresh tilts then spins • new tab arrow nudges on hover/click

matt

11,959 次观看 • 5 个月前

Getting swarmed by hover flies is no fun! Can a girl just lay out in peace?

Getting swarmed by hover flies is no fun! Can a girl just lay out in peace?

Richie Marxx

159,716 次观看 • 2 个月前

Camera control is no longer in the prompt Meet 3D Motion Control → Set the camera path in 3D → Your scene becomes the video reference the model follows → Same move, every take, exactly where you set it Available now in Magnific

Camera control is no longer in the prompt Meet 3D Motion Control → Set the camera path in 3D → Your scene becomes the video reference the model follows → Same move, every take, exactly where you set it Available now in Magnific

Magnific

611,194 次观看 • 3 个月前

if your app still looks like the one on the left, you're doing it wrong. i used the same prompt. same model. the one on the right used appllama mcp + skills prompt ↓

if your app still looks like the one on the left, you're doing it wrong. i used the same prompt. same model. the one on the right used appllama mcp + skills prompt ↓

jaimin

259,681 次观看 • 2 个月前