本文へ移動
cccskills

「nyt」の検索結果

1,072 件 ・ 関連度順

概要と使いどころ

A grid of little lines all point toward the cursor — a hypnotic interactive field for a hero/background. One field per view; it's attention-grabbing. Frozen under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

orb

無料

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.

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

nexu-io/motion-anything8632026年7月7日 更新

Letters drop into place one after another — a light, gravity-flavored headline entrance. One short playful line; not body copy. Instant under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

Pixel tiles light up in a wave across a card on hover — a subtle retro shimmer. A few cards, not a grid. Static under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

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

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

A card reveals a second face through a burst of pixel tiles on hover — a retro reveal. A few cards, not a grid. Under prefers-reduced-motion the back face just appears.

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

nexu-io/motion-anything8632026年7月7日 更新

An RGB-split glitch flickers across a headline — a techy, edgy reveal. One short line; techy tones only. Pure CSS; steady under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

A stack of cards springs and fans into place on view — a lively hero for a small set (3–5). One set per view. Shown flat/instant under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

dark-veil

無料

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.

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

nexu-io/motion-anything8632026年7月7日 更新

noise

無料

A film-grain noise overlay — subtle animated texture over any background. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

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

nexu-io/motion-anything8632026年7月7日 更新

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.

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

nexu-io/motion-anything8632026年7月7日 更新

A soft expanding ring that draws the eye to ONE element — a primary CTA, an unread badge, a new dot. Honors prefers-reduced-motion. One per screen; never use more than one at once or as pure decoration (attention splits and nothing wins).

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

nexu-io/motion-anything8632026年7月7日 更新

aurora

無料

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

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

nexu-io/motion-anything8632026年7月7日 更新

Particles orbiting rings — an elegant loop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.

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

nexu-io/motion-anything8632026年7月7日 更新

Slide In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

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

nexu-io/motion-anything8632026年7月7日 更新

Zoom Out — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

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

nexu-io/motion-anything8632026年7月7日 更新