現在のHub
CSS Design Studioについて
ビジュアルツールで美しいCSSコードを作成する革新的なプラットフォーム。ドラッグ＆ドロップで複雑なCSSエフェクトを簡単に作成できます。
私たちのミッション
初心者からプロフェッショナルまで、すべての人にWebデザインをアクセシブルにする最高のビジュアルCSS生成ツールの提供を目指しています。
ビジュアルエディター
コード不要のドラッグ＆ドロップでデザインし、結果をリアルタイムで確認
リアルタイムプレビュー
すべての変更が即座に反映され、高速なデザインワークフローを実現
プロフェッショナルな品質
本番環境で使用できる最適化されたCSSコードを自動生成
利用可能なツール
モダンなWebデザインに必要なすべてをカバーする包括的なCSSツールスイート。
グラデーションジェネレーター
線形、放射状、円錐形のグラデーションをビジュアルでデザイン
- 複数のカラーストップ
- 角度と方向の制御
- プリセットコレクション
- リアルタイムプレビュー
ボックスシャドウジェネレーター
多層シャドウエフェクトで奥行きを表現
- マルチレイヤーサポート
- 内側/外側のシャドウ
- ブラーとスプレッドの制御
- カラーカスタマイズ
ボーダーラジウスジェネレーター
複雑な角丸でユニークな形状をデザイン
- 個別の角の制御
- ビジュアルハンドルのドラッグ
- リンク/非リンクモード
- リアルタイムプレビュー
トランスフォームジェネレーター
2D/3D変形でダイナミックなインタラクションを作成
- 2D/3D変形サポート
- 回転、拡大縮小、傾斜
- パースペクティブ制御
- プリセットコレクション
テキストシャドウジェネレーター
テキストに奥行きと強調効果を追加
- 複数のシャドウレイヤー
- ブラーエフェクト
- オフセット制御
- カラーグラデーション
フィルターエフェクトジェネレーター
画像や要素に様々なビジュアルフィルターを適用
- ブラー、明度、コントラスト
- 色相、彩度の制御
- セピア、グレースケール
- ドロップシャドウ
CSSグリッドジェネレーター
複雑なレイアウトをビジュアルでデザイン
- グリッドテンプレート
- ギャップと整列
- レスポンシブデザイン
- エリア配置
フレックスボックスジェネレーター
柔軟なレイアウトシステムでレスポンシブデザイン
- 方向と配置
- 整列と間隔
- フレックスアイテム
- 折り返し制御
アニメーションジェネレーター
キーフレームアニメーションで生き生きとしたエフェクトを作成
- キーフレームエディター
- タイミング関数
- 繰り返しと方向制御
- 再生コントロール
キュービックベジェエディター
カスタムイージング関数で自然なアニメーション
- ベジェ曲線エディター
- プリセットイージング
- リアルタイムプレビュー
- アニメーションテスト
その他のHub
他の特化したツールコレクションをご覧ください
近日公開
Calculator Hub
金融、科学、日常使用のためのプロフェッショナルな計算機
近日公開
Creative Hub
デザイナー、アーティスト、クリエイティブプロフェッショナルのためのツール
近日公開
Korea Hub
韓国のユーザーとビジネス向けの特化ツール
お問い合わせ
ご質問やご提案がございましたら、お気軽にお問い合わせください。