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.exe（ポータブル版）

・ CSS-Animation-Builder Setup 1.0.0.exe（インストーラー版）

・ README.txt

━━━━━━━━━━━━━━━━━━━━━━━━

■ 動作環境

・ Windows 10 / 11（64bit）

━━━━━━━━━━━━━━━━━━━━━━━━

■ 注意事項

・初回起動時に Windows スマートスクリーンの警告が出る場合があります。「詳細情報」→「実行」でご利用ください。

・本ツールの使用によって生じた損害について作者は責任を負いません。