gradient.png 다운로드 - gradient.png 소스 코드 다운로드

gradient.png

기타 카테고리

1.0.0

다운로드

그래디언트.png

gradient.png는 사용자 정의 이미지 생성 웹 앱입니다.

스크린샷

사용자 정의 가능한 기능:

2~5가지 색상 및 해당 비율
이미지 높이 및 너비(픽셀 단위)
선형 또는 방사형 그라데이션
선형 경사도 또는 방사형 경사 중심

이미지를 다운로드하거나(배경화면용) CSS를 복사하세요(div용)!

설치

이 저장소를 복제하세요
npm install
npm start

동기 부여

많은 배경 사용자 정의 기능을 사용하려면 소셜 미디어 프로필 커버/배너, Gmail 테마, 휴대폰/노트북 배경화면 등 이미지 업로드가 필요합니다. 그라데이션은 이러한 경우에 훌륭한 옵션입니다. 예쁘지만 차분하고 산만하지 않습니다.

CSS Gradient는 웹사이트를 위한 사용자 정의 가능한 그라데이션 배경 생성기로 존재합니다. 특히 div의 background 속성에 제공할 수 있는 CSS를 생성합니다. 그러나 이 사이트에는 생성된 그라디언트를 이미지로 내보내는 옵션이 없습니다. 이번 기회에 이미지 내보내기 기능 추가와 더불어 UI/UX 리디자인 도전으로 삼기로 했습니다.

목표는 React 기술을 연마하고, 좋은 웹 개발 방식을 익히고, 직관적이고 반응이 빠른 사용자 인터페이스와 경험을 생성하는 것이었습니다.