職業分類
ウェブ開発者
説明
Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
nexu-io/motion-anything
SkillsMP は nexu-io/motion-anything から 222 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
- 記録された最新のソース活動
- SkillsMP カタログ更新
- 収集済み skills
- 222
- GitHub スター
- 721
- GitHub フォーク
- 87
このリポジトリの skills
4 件の職業カテゴリ · 100% 分類済み
収集済み skill 222 件中 40 件を表示しています。
skill
職業分類
説明
更新
職業分類
ウェブ開発者
説明
Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Fade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Fade Right — a composable AnimXYZ entrance via the xyz="fade right-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Fade Small — a composable AnimXYZ entrance via the xyz="fade small-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Fade Up — a composable AnimXYZ entrance via the xyz="fade up-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Flip Left — a composable AnimXYZ entrance via the xyz="fade flip-left-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
Flip Up — a composable AnimXYZ entrance via the xyz="fade flip-up-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
Rise Big — a composable AnimXYZ entrance via the xyz="fade up-5 big-25%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
Rotate In — a composable AnimXYZ entrance via the xyz="fade rotate-right-45" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A bottom sheet slides up over a dimmed backdrop, then dismisses. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A checkbox that pops and draws its check on toggle. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A bottom tab bar whose active pill slides between tabs. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
原文の言語: 英語
更新
職業分類
ウェブ・デジタルインターフェースデザイナー
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Back 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce — 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce In — 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
Bounce 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 In — 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 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 In 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.
原文の言語: 英語
更新
職業分類
ウェブ開発者
説明
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.
原文の言語: 英語
更新
収集済み skill 222 件中 40 件を表示しています。