ビジュアル生成 CSS box-shadow と text-shadow，対応多层影
開発者ツール
このツールについて
CSS 影ジェネレーターは可視化作成 box-shadow と text-shadow 属性のツール。対応多层影，每层可能独立制御偏移、模糊、扩展、色、透明度と内嵌モード，かつ提供新拟物と霓虹などプリセット効果，可能高速获得结果。
主な機能
- 独立の box-shadow と text-shadow 生成タグ页
- 多层影対応，每层可能独立制御パラメータ
- 滑块制御偏移、模糊、扩展と透明度
- 内置新拟物、Material、发光と霓虹などプリセット
- リアルタイムプレビュー，対応色セレクターと内嵌スイッチ
- ワンクリックで生成された CSS 出力
使用シーン
- 设计新拟物风格の UI 组件，使用柔との双层影
- のためカードとダイアログ作成 Material Design 层级影
- のためタイトルと标志生成霓虹文字効果
- 无需手动编書く CSS 即可能原型化多层影効果
- 精细調整影透明度と模糊，实现微妙の深度効果
css
shadow
box-shadow
よくある質問
とは何ですか CSS 影ジェネレーター？
CSS 影ジェネレーターはビジュアルツールです，できます作成 box-shadow と text-shadow 属性，対応多层影、リアルタイムプレビューとワンクリックでコピー。ブラウザ内で完全に動作します，サーバーにデータが送信されることはありません。
できます追加多つ影层か？
できます，您できます追加任意数量の影层。每层都有独立の偏移、模糊、扩展、色、透明度と内嵌モード制御。各层できますマージのため一つカンマ分隔の CSS 値。
どのようなプリセット可能用？
box-shadow プリセット含む新拟物、Material、发光、硬影、分层と内嵌。text-shadow プリセット含む霓虹、复古、浮雕、火焰と发光。クリック任意プリセット即可能立即应用。
ツール対応 text-shadow か？
対応，ツール提供た专门の text-shadow タグ页，できますのため每层設定水平偏移、垂直偏移、模糊、色と透明度。経由でタグ栏で box-shadow と text-shadow 間の切り替え。
私のデータはサーバーに送信されますか？
ありません。すべて影生成とプレビュー渲染完全でブラウザ内行い，ありませんアップロード任意データにサーバー，保証お客様の工作完全にプライベートです。