技法

Tooltip on hover

ライブラリのうち26フレームがTooltip on hoverに一致し、13ブランドの動画19本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム
26
動画
19
ブランド
13
カット間隔の中央値
8.8秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Midjourney 5フレームNotion 4フレームFigma 3フレームGlorify App 3フレームOFFEO 2フレームRamp 2フレーム
The Browser Company Arc for Students | Everything in its right place at 0:21medium presenter
The Browser CompanyArc for Students | Everything in its right place
0:21
Ramp Meet Ramp: A smart finance operations platform that saves you time and money at 1:58
RampMeet Ramp: A smart finance operations platform that saves you time and money
1:58
Ramp Meet Ramp: A smart finance operations platform that saves you time and money at 2:14
RampMeet Ramp: A smart finance operations platform that saves you time and money
2:14
Perplexity Grok 4.1 is now available to all Perplexity Pro and Max subscribers. at 0:04
PerplexityGrok 4.1 is now available to all Perplexity Pro and Max subscribers.
0:04
Notion Just shipped: AI Meeting Notes can now trigger Custom Agents. Once t... at 0:07
NotionJust shipped: AI Meeting Notes can now trigger Custom Agents. Once t...
0:07
Notion Write a prompt, you’ll use it once. Write a skill, you’ll use it fore... at 0:19
NotionWrite a prompt, you’ll use it once. Write a skill, you’ll use it fore...
0:19
Figma New capabilities coming to Figma Make (Rolling out now in our Beta de... at 1:06
FigmaNew capabilities coming to Figma Make (Rolling out now in our Beta de...
1:06
Cursor Cursor now supports MCP Apps. Agents can render interactive UIs in y... at 0:04
CursorCursor now supports MCP Apps. Agents can render interactive UIs in y...
0:04
Anthropic New from the Anthropic Economic Index: the first comprehensive analys... at 0:46
AnthropicNew from the Anthropic Economic Index: the first comprehensive analys...
0:46
Figma We’re Gridmaxxing → Drag to reorder columns/rows → Automatic positio... at 0:19
FigmaWe’re Gridmaxxing → Drag to reorder columns/rows → Automatic positio...
0:19
Figma We’re Gridmaxxing → Drag to reorder columns/rows → Automatic positio... at 0:34
FigmaWe’re Gridmaxxing → Drag to reorder columns/rows → Automatic positio...
0:34
Notion Custom Agents 🤝 @SlackHQ Connect your Custom Agent to Slack to moni... at 0:34
NotionCustom Agents 🤝 @SlackHQ Connect your Custom Agent to Slack to moni...
0:34
Glorify App Create transparent images with background remover at 1:38wide presenter
Glorify AppCreate transparent images with background remover
1:38
Glorify App Create transparent images with background remover at 1:42wide presenter
Glorify AppCreate transparent images with background remover
1:42
OFFEO OFFEO Tutorial | Basics 17: AI-Auto Create (Updated!) at 1:30
OFFEOOFFEO Tutorial | Basics 17: AI-Auto Create (Updated!)
1:30
OFFEO OFFEO Tutorial | Basics 17: AI-Auto Create (Updated!) at 1:34
OFFEOOFFEO Tutorial | Basics 17: AI-Auto Create (Updated!)
1:34
Infinity Maps Team-Kollaboration | Infinity Maps Tutorial DE at 0:43
Infinity MapsTeam-Kollaboration | Infinity Maps Tutorial DE
0:43
Notion How Product + Eng Teams Use Notion To Ship Faster at 1:46
NotionHow Product + Eng Teams Use Notion To Ship Faster
1:46
Midjourney Today we're opening up a new experimental multiplayer worldbuilding t... at 2:52
MidjourneyToday we're opening up a new experimental multiplayer worldbuilding t...
2:52
Midjourney Today we're opening up a new experimental multiplayer worldbuilding t... at 3:07
MidjourneyToday we're opening up a new experimental multiplayer worldbuilding t...
3:07
Midjourney Today we're opening up a new experimental multiplayer worldbuilding t... at 3:22
MidjourneyToday we're opening up a new experimental multiplayer worldbuilding t...
3:22
Midjourney The Midjourney web experience is now open to everyone. We're also tem... at 0:10
MidjourneyThe Midjourney web experience is now open to everyone. We're also tem...
0:10
Midjourney The Midjourney web experience is now open to everyone. We're also tem... at 1:40
MidjourneyThe Midjourney web experience is now open to everyone. We're also tem...
1:40
Glorify App How to Remove Backgrounds at Scale with Glorify at 2:18corner inset
Glorify AppHow to Remove Backgrounds at Scale with Glorify
2:18
Sketch Together Building a design tool called Efecto at 0:13wide presenter
Sketch TogetherBuilding a design tool called Efecto
0:13
Samraaj Bath ⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ... at 1:14corner inset
Samraaj Bath⚡️Introducing ion design (YC W24)⚡️ We instantly turn Figma designs ...
1:14
これで全 26 枚です。

比較できる他の技法

Shallow depth of field 5,319Hard cut on beat 3,096Full bleed output no chrome 3,088Centred wordmark on black 2,360Cursor led reveal 2,339Ui float with drop shadow 2,092Long lens background compression 1,099Text plate left third 815Full bleed ui no chrome 742Long lens compression 605Hard cut to black 600Centred talking head 553Subject on right third 532Generous negative space 482Centred subject 471Full bleed no chrome 431Centred wordmark on white 413Full bleed screen recording 409Wide establishing shot 390Full bleed screen capture 377Medium close up 367Presenter pip bottom right 359Subject on left third 346Centred medium close up 342