「motion」の検索結果

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Content fades and rises gently as it enters the viewport — the calm default reveal. Reveal a few key blocks, not everything; keep travel small. Instant under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A floating particle cloud — soft round sprites drifting in 3D with a slow scene wobble. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A jittery electric outline traces a card — an energetic accent for one hero element. One per view. Pure CSS; a static solid outline remains under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

An interactive dot grid — pointer proximity glow, shove on fast moves, click shockwave, elastic return. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Skeleton placeholders with a soft sweeping shimmer while content loads. Use to fill space for cards/lists/profiles that are still loading and make the wait feel shorter. Honors prefers-reduced-motion (static skeleton). Only show while real content is loading — never as decoration.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A quick burst of sparks flies from the point you click — a playful tap accent. Reserve for a delightful primary action; skip on serious/destructive ones. No sparks under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Give one card or CTA a lively accent: a small bright comet of light travels around its border. Brighter/livelier than shine-border — use for a single "new"/"featured" element, one per view. Pure CSS; fully static under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Stagger a headline's words (or letters) in on load, one after another. Use for a single hero headline or a title card in a launch video. Honors prefers-reduced-motion. One per screen; never use on body copy or must-read content.

日本語の概要は準備中です。原文の説明を表示しています。

A retro Bayer-dithered noise wave — pixelated, quantized, faithful GPU shader. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Add a celebratory particle burst to a like / favorite / reaction button. A delight micro-interaction that fires on user tap only (never on load), bursts on the "like" transition (not un-like), and ships a prefers-reduced-motion fallback. Use when a small, earned moment of positive feedback will feel good — and only one such moment per screen.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Give one short headline quiet premium emphasis: a slow on-brand gradient drifts through the type. One phrase per view; never body copy (readability). Pure CSS; falls back to a solid brand color under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Digits roll like an odometer up to the target number — a satisfying stat reveal on view. One or two key numbers per view. Under prefers-reduced-motion the final number shows instantly.

日本語の概要は準備中です。原文の説明を表示しています。

Animate a number counting up to its target as it scrolls into view, once. Use for stat/metric blocks to draw the eye to an impressive figure. Honors prefers-reduced-motion (final value shown instantly). Avoid for precise values the user must read while animating, or many counters at once.

日本語の概要は準備中です。原文の説明を表示しています。

A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。

Rise + fade key elements in as the page loads, optionally staggered. Use for hero content and a small group of important elements. Honors prefers-reduced-motion. For long lists or off-screen content use scroll-reveal instead; never delay must-read content by more than a moment.

日本語の概要は準備中です。原文の説明を表示しています。

Glassmorphic icon buttons that lift and glow on hover — a tactile toolbar or social row. Use for a small row of actions. Flat under prefers-reduced-motion.

日本語の概要は準備中です。原文の説明を表示しています。