Pt
PowerUtils

CSS 박스 그림자 생성기

시각적으로 CSS 박스 그림자 코드를 생성하세요.

사용 방법

  • •Adjust sliders to set shadow parameters
  • •Preview effect in real-time
  • •Click to copy CSS code
  • •Paste into your stylesheet
4px
4px
10px
0px
Box
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);

FAQ

관련 도구

CSS 그라데이션 생성기
시각적으로 선형 및 방사형 CSS 그라데이션을 생성하세요.
색상 변환기
HEX, RGB, HSL, HSV 색상 형식을 변환하세요.
Flexbox 생성기
Visually adjust Flexbox layout and generate CSS code.
피드백

피드백