2012-08-27 2 views
0

내 그라디언트에 대한 CSS 코드가 아래에 있습니다. 김프를 사용하여이 그라디언트와 정확히 일치하는 배경 이미지를 만들고 싶습니다. 누구든지 이러한 조언을 빌릴 수있는 전문 기술을 가지고 있습니까? 감사합니다김프 - 배경 그라디언트 만들기

background-image:-webkit-linear-gradient(90deg, rgba(51, 51, 51, 1.00) 0.0% , rgba(26, 26, 26, 1.00) 50.5% , rgba(51, 51, 51, 1.00) 50.7% , rgba(77, 77, 77, 1.00) 100.0%); 

답변

1
이 CSS 구문의 출력 그라데이션이

당신은 김프로 CSS 그라디언트 구문을 분석하는 파이썬 스크립트를 만들 수 있습니다 GIMP는 파이썬 스크립트 김프 2.8 배를 althoug, 직접 그것을 구문 분석 할 수 없습니다

그라디언트, 및 이미지에서이 그라디언트를 사용합니다. 당신이 필요로하는 경우 물론

은 그냥 한 번하는 것이 과잉이다 - 당신이 만약 내가 년 (GIMP에 새로운 그라디언트를 생성하는 것이 좋습니다, 수동 녹화 된 파일 을 편집 할 것 ~ /는 .gimp-2.8/폴더 그라디언트 on * nix, 그렇지 않으면 환경 설정에서 사용자 그라데이션 폴더를 확인하십시오).

GIMP의 그라데이션 파일은 간단합니다 - 텍스트는 해당 간다 파일 같은 :

GIMP Gradient 
Name: Untitled 
2 
0.000000 0.243464 0.486928 0.000000 0.000000 0.000000 1.000000 0.000000 1.000000 0.000000 1.000000 0 0 0 0 
0.486928 0.743464 1.000000 0.000000 0.000000 1.000000 1.000000 1.000000 1.000000 1.000000 1.000000 0 0 0 0 

그래서이 두 부분으로, 하나의 구배 - 각 라인의 시작 지점을 가지고, 각 세그먼트의 엔드 포인트는 ARGB 색상을 시작하고 ARGB 색상을 종료하는 등의 작업을 할 수 있습니다. 끝까지 네 개의 0을 유지하면됩니다. 각 끝점의 색상 유형을 설명하는 데 가장 많이 사용됩니다.

1

rgba 색상은 다음 html 표기법에 해당합니다.

rgba(51, 51, 51, 1.00) - #333333 (Color A) 

rgba(26, 26, 26, 1.00) - #1a1a1a (Color B) 

rgba(51, 51, 51, 1.00) - #333333 (Color A) 

rgba(77, 77, 77, 1.00) - #4d4d4d (Color C) 

너비가 두 배인 직사각형 이미지를 만들 수 있습니다. 색상 A에서 색상 B까지의 그라데이션으로 상단 사각형 반을 채우고 색상 A에서 색상 C까지의 그라디언트로 하단 사각형을 채 웁니다. 그런 다음 "반복"속성을 활성화하여 배경 이미지로 설정합니다.