CSS Animation Builder

  • ダウンロード商品
    ¥ 500

CSS Animation Builder キーフレームを積み上げてCSSアニメーションを作る。プリセット保存・CSS書き出し対応。 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 概要 CSS の @keyframes アニメーションをスライダーで直感的に組み立て、リアルタイムプレビューと CSS コード生成ができるデスクトップツールです。 作成したアニメーションはプリセット(JSON)として保存・読み込みができ、生成した CSS はファイルに直接書き出せます。 インターネット接続不要。入力データは外部に一切送信されません。 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 主な機能 ✓ キーフレームをスライダーで編集(translateX/Y, rotate, scale, opacity, 背景色) ✓ キーフレームの追加(最大間隔に自動挿入) ✓ リアルタイムプレビュー(再生/一時停止) ✓ duration / delay / easing / iteration / direction / fill-mode の設定 ✓ アニメーションプリセットを .json ファイルで保存・読込(デスクトップ版限定) ✓ 生成した CSS を .css ファイルに書き出し(デスクトップ版限定) ✓ クリップボードに CSS コードをコピー ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 収録ファイル ・ CSS Animation Builder_1.0.0_x64-setup.exe(インストーラー版) ・ README.txt ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 動作環境 ・ Windows 10 / 11(64bit) ・ Microsoft Edge WebView2 ランタイム(Windows 11 は標準搭載) ※ Windows 10 では別途インストールが必要です ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 注意事項 ・初回起動時に Windows スマートスクリーンの警告が出る場合があります。「詳細情報」→「実行」でご利用ください。 ・本ツールの使用によって生じた損害について作者は責任を負いません。

CSS Animation Builder
CSS Animation Builder キーフレームを積み上げてCSSアニメーションを作る。プリセット保存・CSS書き出し対応。 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 概要 CSS の @keyframes アニメーションをスライダーで直感的に組み立て、リアルタイムプレビューと CSS コード生成ができるデスクトップツールです。 作成したアニメーションはプリセット(JSON)として保存・読み込みができ、生成した CSS はファイルに直接書き出せます。 インターネット接続不要。入力データは外部に一切送信されません。 ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 主な機能 ✓ キーフレームをスライダーで編集(translateX/Y, rotate, scale, opacity, 背景色) ✓ キーフレームの追加(最大間隔に自動挿入) ✓ リアルタイムプレビュー(再生/一時停止) ✓ duration / delay / easing / iteration / direction / fill-mode の設定 ✓ アニメーションプリセットを .json ファイルで保存・読込(デスクトップ版限定) ✓ 生成した CSS を .css ファイルに書き出し(デスクトップ版限定) ✓ クリップボードに CSS コードをコピー ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 収録ファイル ・ CSS Animation Builder_1.0.0_x64-setup.exe(インストーラー版) ・ README.txt ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 動作環境 ・ Windows 10 / 11(64bit) ・ Microsoft Edge WebView2 ランタイム(Windows 11 は標準搭載) ※ Windows 10 では別途インストールが必要です ━━━━━━━━━━━━━━━━━━━━━━━━ ■ 注意事項 ・初回起動時に Windows スマートスクリーンの警告が出る場合があります。「詳細情報」→「実行」でご利用ください。 ・本ツールの使用によって生じた損害について作者は責任を負いません。