1,072 件 ・ 関連度順
概要と使いどころ
A soft gooey blob trails the cursor with a springy lag — a playful custom pointer for a hero section. One per page; can distract on content-heavy pages. Hidden on touch and under prefers-reduced-motion.
日本語の概要は準備中です。原文の説明を表示しています。
A slow drifting starfield — a calm cosmic backdrop. 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.
日本語の概要は準備中です。原文の説明を表示しています。
Zoom Out Up — 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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
A chain reaction of bursts ripples across the frame. 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.
日本語の概要は準備中です。原文の説明を表示しています。
An animated bottom-tab indicator — Lottie JSON. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Streaming data lines — a flowing techy backdrop. 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.
日本語の概要は準備中です。原文の説明を表示しています。
Zoom Out Left — 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.
日本語の概要は準備中です。原文の説明を表示しています。
A pulsing neural network — an AI backdrop. 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.
日本語の概要は準備中です。原文の説明を表示しています。
A number counts up then bursts — for a big stat. 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.
日本語の概要は準備中です。原文の説明を表示しています。
Slide Out Left — 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.
日本語の概要は準備中です。原文の説明を表示しています。
Linked nodes drifting — a data / AI backdrop. 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.
日本語の概要は準備中です。原文の説明を表示しています。
Slide Out 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.
日本語の概要は準備中です。原文の説明を表示しています。
Multi-line typewriter — types lines in sequence. 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.
日本語の概要は準備中です。原文の説明を表示しています。
An animated pagination dots indicator — Lottie JSON. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.
日本語の概要は準備中です。原文の説明を表示しています。
An expanding shockwave ripple — an impactful beat. 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.
日本語の概要は準備中です。原文の説明を表示しています。
Swing — 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.
日本語の概要は準備中です。原文の説明を表示しています。
Tada — 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.
日本語の概要は準備中です。原文の説明を表示しています。
Wobble — 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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Roll 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.
日本語の概要は準備中です。原文の説明を表示しています。
Fade In Down — 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.
日本語の概要は準備中です。原文の説明を表示しています。
Fade In Down Big — 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.
日本語の概要は準備中です。原文の説明を表示しています。