와플앱 도구 안내

그라데이션 테두리

  • 그라데이션 테두리는 색상이나 CSS 디자인 값을 만들고 미리보는 도구입니다.
  • 색상, 크기, 그림자, 테두리, 그라데이션 같은 옵션을 입력해 시각 결과를 생성합니다.
  • 미리보기와 코드 값을 확인해 웹 디자인이나 콘텐츠 제작에 활용할 수 있습니다.
관련 도구 그라데이션 생성기 그림자 생성기 색상 팔레트 명도대비 검사 랜덤 색상 생성 색상 혼합기

그라데이션 테두리

카드와 버튼에 쓸 그라데이션 테두리 CSS를 만들고 미리봅니다.

방식
gradient
두께
Gradient Border

background-clip 방식은 간단하고, ::before 방식은 내부 콘텐츠와 배경 제어가 더 유연합니다.