CSS Gradient Creator로 빠르게 멋진 CSS 그래디언트 만들기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Josh W Comeau의 도구를 사용하면 아주 간단하게 멋진 그라데이션을 만들 수 있습니다.
Josh W Comeau의 CSS Gradient Generator는 '아름다운 그라데이션'을 만드는 데 도움이 되는 간단한 웹 앱입니다.
구문을 시각에 매핑하는 데 개인적으로 어려움을 겪고 있기 때문에 이 도구가 큰 도움이 되었습니다. 선형 그래디언트를 만드는 데 중점을 두고 있으며, linear-gradient
CSS 함수에서 직접 지원되지 않더라도 여러 색상 모드 (예: HCL)를 사용하여 선형 그래디언트를 구성할 수 있습니다. Josh의 관련 블로그 게시물에서는 색상 보간이 어떻게 계산되고 브라우저에서 렌더링할 수 있는 항목에 적용되는지 자세히 설명합니다. 이 글은 몇 가지 작동 원리를 뒷받침하는 이론을 흥미롭게 읽어줍니다.
선형 그래디언트
Unsplash에 Luke Chesser의 히어로 이미지
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2022-05-04(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2022-05-04(UTC)"],[],[]]