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 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Shake Y — 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fireworks launch and burst — a festive hero moment. 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Flip — 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Flash — 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 Out Up 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out Top 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out Right 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out 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 Out Bottom 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade 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 Up 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade In 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade In Top 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade In Right 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Light Speed 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Light Speed In 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out Top 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade Out Bottom 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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.