「nyt」の検索結果

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.

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

An animated step indicator fills as you advance — clear progress for a multi-step flow (checkout, onboarding). One per flow. Under prefers-reduced-motion fills without easing.

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

Rise + fade list items in one after another on load, staggered by order. Use for short, above-the-fold lists, menus, or nav. Honors prefers-reduced-motion. For long or off-screen lists use scroll-reveal instead; never gate must-scan content on the animation.

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

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 perlin-warped line field with a pointer wake — organic flowing lines. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

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

An animated target ring replaces the cursor and grows when it hovers buttons/links — a focused, techy pointer. One per page. Off on touch and under prefers-reduced-motion.

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

Add tactile depth to a hero card or cover image: it tilts in 3D toward the pointer with a soft glare. Keep the max angle small (~10°) and reserve it for one or a few hero cards, not a grid. Flat under prefers-reduced-motion and on touch.

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

A soft highlight sweeps across muted text — a quiet premium shimmer for one short label ("new", "pro", a CTA word). Keep the base text readable; one or two per view. Pure CSS; solid under reduced-motion.

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

Words float up and settle as the line enters view — a lively per-word scroll reveal. One or two lines; keep travel modest. Visible instantly under prefers-reduced-motion.

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

Give feature/pricing cards a premium feel: a soft radial spotlight follows the cursor across the card and lifts its border. Keep the glow subtle and low-contrast. Falls back to a plain static border under prefers-reduced-motion and on touch. Do not use on text-dense reading surfaces.

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

Resolve one short headline from random glyphs — a techy decode reveal. One short line only; keep it fast. The resolved text is the real, accessible content; under prefers-reduced-motion it appears instantly with no scramble. Avoid on body copy and calm/luxury tones.

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

Words sit softly blurred; one snaps into focus at a time — leads the eye across a short phrase. One per view; short phrases. Under prefers-reduced-motion all words stay sharp.

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

A switch whose knob springs across on toggle — a tactile, satisfying on/off state change. Use for settings/form switches. Honors prefers-reduced-motion (quick linear slide). Trigger on user intent only; keep the spring subtle — never to convey loading/progress.

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

A fluid-simulation cursor — pointer movement splats swirling, glowing dye (full multi-pass WebGL fluid sim). A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.

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

Make one primary CTA feel premium: a soft band of light sweeps across it (slowly at rest, faster on hover). Reserve for the single primary button; keep it subtle. Pure CSS; the sweep stops (solid button) under prefers-reduced-motion. Do not use on secondary/destructive buttons or many at once.

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

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.

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

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.

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

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.

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

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 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.

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

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 pill slides under the active nav item with a springy merge — a smooth segmented control. One per view. Under prefers-reduced-motion the pill jumps without easing.

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

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.

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