무료 도구
한국어
CSS 스타일 만들기
CSS 그라데이션 만들기 · CSS 그림자 생성 · CSS 모서리 생성 · CSS 변형 생성. CSS 스타일 만들기. 기능별 입력과 설정을 유지하며 작업하세요. 결과를 이어 쓸 때는 대상 기능을 직접 선택합니다.
로그인 없이 바로 사용
기능별 입력과 설정을 유지하며 작업하세요. 결과를 이어 쓸 때는 대상 기능을 직접 선택합니다.
CSS 그림자 생성
위치·흐림·색상·불투명도를 정해 그림자를 만드세요
이 기능의 고정 링크도구 불러오는 중…
사용 방법 · CSS 그림자 생성
- 입력 항목과 선택 사항을 지정하세요.
- 실행 버튼을 눌러 결과를 확인하세요.
- 결과를 복사하거나 파일로 저장하세요.
입력 범위와 단위를 확인하세요. 입력값은 이 기기의 브라우저에서 처리합니다.
입력과 파일은 이 페이지를 떠나거나 새로고침하면 사라집니다. 직접 저장한 초안·프리셋은 별도로 유지됩니다. 결과는 사용 전에 확인하세요.
사용 가능한 기능 · 7
- CSS 그라데이션 만들기
- 두 색상과 각도로 CSS 그라데이션을 만드세요
- CSS 그림자 생성
- 위치·흐림·색상·불투명도를 정해 그림자를 만드세요
- CSS 모서리 생성
- 네 모서리의 반지름을 각각 정하세요
- CSS 변형 생성
- 이동·회전·배율을 지정해 변형 코드를 만드세요
- CSS 애니메이션 생성
- CSS 애니메이션 생성에 필요한 값을 입력하고 결과를 복사하거나 저장하세요
- CSS 필터 만들기
- CSS 필터 만들기에 필요한 값을 입력하고 결과를 복사하거나 저장하세요
- CSS 버튼 만들기
- CSS 버튼 만들기에 필요한 값을 입력하고 결과를 복사하거나 저장하세요
사용 방법
- 1검색하거나 기능을 선택하고 입력을 작성하세요.
- 2실행 후 결과와 오류 안내를 확인하세요.
- 3결과 이어 쓰기를 누른 뒤 대상 기능을 선택해 적용하세요.
사용할 때 알아두세요
입력과 파일은 이 페이지를 떠나거나 새로고침하면 사라집니다. 직접 저장한 초안·프리셋은 별도로 유지됩니다. 결과는 사용 전에 확인하세요.
광고 표시를 위한 접속 정보가 처리될 수 있습니다. 맞춤 광고는 개인정보 선택을 따릅니다. 개인정보 안내 (영어)