테두리 반경 생성기
border-radius CSS 선언을 빠르게 생성하는 border-radius CSS 생성기 도구입니다.
Preview
CSS 출력
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
클립 패스 컨트롤
기본 도형
셰이프 속성
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
사용하는 방법
기본 컨트롤
- 모양 선택 패널에서 기본 모양을 선택합니다
- 범위 슬라이더를 사용하여 형상 매개 변수를 조정합니다
- 미리보기에서 제어점을 드래그하여 클립 경로의 모양을 변경합니다.
- Add Points 모드를 사용하여 사용자 지정 셰이프에 포인트 추가
고급 기능
- 좋아하는 모양에 빠르게 액세스할 수 있도록 사전 설정을 저장하고 불러옵니다.
- 사용자 지정 지속 시간, 감속/가속 및 반복을 통해 클립 경로에 애니메이션 적용
- 생성된 CSS 코드를 복사하여 프로젝트에 붙여넣습니다.
- 편안한 심야 디자인을 위한 다크 모드 전환
Related Tools
완벽한 Flexbox 레이아웃 만들기
직관적인 드래그 앤 드롭 인터페이스를 사용하여 CSS flexbox 코드를 시각화, 사용자 정의 및 생성할 수 있습니다.
스타일러스를 CSS로 변환
SCSS 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
CSS3 전환 생성기
부드러운 불투명도 전환
볼륨 단위 변환기
요리, 엔지니어링 및 과학적 요구 사항에 맞게 정밀하게 다양한 부피 단위 간에 변환합니다
MD2 해시 생성기
이 온라인 도구를 사용하여 MD2 해시를 빠르고 쉽게 생성하십시오. 안전하고 신뢰할 수 있으며 즉각적인 결과를 제공합니다.
EnergyUnit 변환
서로 다른 에너지 단위 사이를 정확하고 쉽게 변환