MoaKit
すべてのツール

Box Shadow生成

影を何層も重ねて自然なCSS box-shadowを作ります。ニューモーフィズムなどのプリセットとTailwindクラスも。

프리셋

그림자 층 3개

px
px
px
px
%

그림자는 여러 겹을 옅게 쌓을수록 실제 빛처럼 자연스러워요. 색은 검정보다 배경과 어울리는 짙은 색이 좋아요.

Box Shadow生成とは?

ボックスシャドウ(box-shadow)の位置・ぼかし・色を見ながら調整し、CSSコードを作ります。

使い方

  1. 横・縦の位置とぼかしの強さを調整します。
  2. 影の色と透明度を選びます。
  3. CSSコードをコピーします。

使い方のコツ

  • ぼかしを大きく、透明度を低くすると、やわらかい影になります。
  • 影を何層か重ねると、ずっと自然に見えます。