웹마스터 도구

CSS 그라디언트 코드 생성

투명도와 각도의 두 가지 색상을 기반으로 선형 그라디언트 CSS를 생성합니다.

CSS 그라디언트 코드 생성 사용자 설명서

  1. 매개변수를 채우거나 양식에 따라 파일을 선택하고 먼저 단위를 확인하고 형식을 확인합니다.
  2. 파란색에서 보라색으로 135도 선형 그라디언트 배경을 생성합니다.
  3. 처리 버튼을 클릭하여 결과를 보려면 복사하거나 다운로드하고 저장할 수 있습니다.

계산 방법 및 처리 규칙

선형 그라디언트는 색상과 값을 엄격하게 검증한 후 생성되며, 시작 및 종료 색상 척도는 0% 및 100%로 고정됩니다.

사용 범위

복사할 수 있는 CSS 텍스트의 출력은 페이지가 자동으로 수정되지 않습니다. 실제 효과도 요소의 크기에 영향을 받습니다.

그라디언트 각도가 색상이나 방향을 변경합니까?

각도는 그라디언트의 방향을 변경하고 시작 및 끝 색상은 여전히 채워진 두 가지 색상입니다. 투명도는 양쪽 끝의 색상에 적용되며 요소의 배경과 크기도 최종 시각 효과에 영향을 미칩니다. 자신의 스타일 환경에서 미리보기하십시오.

입력 내용이 서버에 저장됩니까?

이 도구는 브라우저에서 입력을 처리하며 파일이나 양식 콘텐츠를 업로드하지 않습니다. 입력 연습 점수는 기본 브라우저에만 저장됩니다.

결과가 다른 도구와 다를 수 있는 이유는 무엇입니까?

복사할 수 있는 CSS 텍스트의 출력은 페이지가 자동으로 수정되지 않습니다. 실제 효과도 요소의 크기에 영향을 받습니다. 입력 단위, 반올림 방법, 해당 규칙 및 데이터 버전을 먼저 비교하십시오.