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.
日本語の概要は準備中です。原文の説明を表示しています。
801 件 ・ 関連度順
概要と使いどころ
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 hero card or CTA quiet premium life: a soft band of light travels around its border. One shining element per view; keep it slow and low-contrast. Pure CSS. Fully static under prefers-reduced-motion. Do not put several on screen 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.
日本語の概要は準備中です。原文の説明を表示しています。
Reveal content as it scrolls into view — a gentle rise + fade, once per element. Use to give a long page calm rhythm. Honors prefers-reduced-motion and supports staggering. Do not delay above-the-fold content, and keep at most a few elements animating 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.
日本語の概要は準備中です。原文の説明を表示しています。
One word swaps for the next in place — a compact way to cycle a few phrases in a headline. One rotator per view; short words. Under prefers-reduced-motion it swaps text with no travel.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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 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 thin crosshair spans the viewport and tracks the pointer — a precise, techy custom cursor. One per page; suits tools/dashboards. Off on touch and 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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Lift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Text curves around a circle and slowly rotates — a decorative badge/seal accent. Decorative only; keep the phrase short. Static ring under prefers-reduced-motion.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Words resolve from a soft blur, one after another — a calm, premium headline entrance. One headline per view; not body copy. Under prefers-reduced-motion it appears instantly and sharp.
日本語の概要は準備中です。原文の説明を表示しています。