CSS 애니메이션 그라데이션 배경 생성기

소프트웨어 사용 설명

1. 색상 구성 선택: “색상 설정”에서 예시 구성을 클릭하거나 색상과 정지점을 수동으로 추가, 삭제, 조정하세요.
2. 그라데이션 유형 설정: 선형, 방사형 또는 원뿔형 그라데이션을 선택하고 필요에 따라 각도와 중심 위치를 조정하세요.
3. 애니메이션 매개변수 구성: “애니메이션 매개변수”에서 흐름 방식, 이동 방향, 지속 시간, 배경 크기, 애니메이션 곡선 및 반복 방식을 설정하세요.
4. 출력 용도 선택: “생성 및 내보내기”에서 배경 컨테이너, 그라데이션 텍스트 또는 그라데이션 테두리를 선택하고 CSS 클래스명, 모서리 둥글기, 테두리 등의 매개변수를 설정하세요.
5. 효과 미리보기: 오른쪽에서 배경, 카드, 텍스트, 테두리 미리보기 모드를 전환할 수 있으며, 효과를 확인한 후 코드를 생성하세요.
6. 코드 복사 또는 다운로드: “CSS 복사”, “HTML 복사” 또는 “CSS 다운로드”를 클릭하여 코드를 페이지 요소에 적용하세요.
7. 설정 저장: “설정 저장”을 클릭하면 현재 매개변수가 보존되어 다음에 이어서 편집하기 쉽습니다.

자주 묻는 질문