Sunset CSS 그라디언트 - 기성 코드
선형, 방사형 또는 원뿔형 유형, 각도 슬라이더 및 실시간 전체 너비 미리 보기 및 복사 가능한 코드를 사용하여 최대 6개의 색상 정지점 등 시각적으로 CSS 그라디언트를 구축합니다.
처리 중...
0%
결과
이 페이지는 미리 만들어진 일몰 페이드가 로드된 그래디언트 생성기를 엽니다. 따뜻한 산호 #ff7e5f가 왼쪽에서 오른쪽으로 부드러운 복숭아 #feb47b로 흘러갑니다. 미리보기에는 즉시 전체 너비가 표시되며 아래 CSS 줄은 그대로 복사할 준비가 되어 있습니다.
따뜻한 산호색에서 복숭아색으로의 페이드는 흰색 텍스트를 압도하지 않으면서 친근하고 활기차게 읽히기 때문에 영웅 섹션의 필수 요소입니다. 이 쌍은 중간점이 깨끗하게 유지될 만큼 색상이 충분히 가깝습니다. 중앙에 탁한 회색 띠가 없습니다. 이는 먼 색상 사이의 그라데이션의 일반적인 실패 모드입니다.
그대로 사용하거나 나만의 것으로 만드세요. 대각선 일몰을 위해 각도를 회전하고, 더 강한 산호초의 존재감을 위해 첫 번째 스톱을 안쪽으로 당기거나, 황혼의 느낌을 위해 100%에 가까운 깊은 자두로 세 번째 스톱을 추가하세요. 모든 변경 사항은 복사 가능한 CSS를 즉시 업데이트합니다.