gimp

15.3.5.2.3.10. CSS로 저장하기(Save as CSS)

그림 90.4.19.a114.10. 그라디언트 대화상자 → `탭 메뉴` → `그라디언트 메뉴` → `CSS로 저장하기` (Mac) (우리말)

90-04-19-a114-10

⚠️ 주의: CSS로 저장하기(Save as CSS) 메뉴는 MacOS에서 사용할 수 있습니다. Windows에서는 사용할 수 없습니다.

CSS 언어는 HTML 또는 XML로 화면에 보여지는 객체에 스타일을 입히는 언어입니다.

CSS로 배경색, 글꼴 크기, 배경 그라디언트 등을 설정할 수 있습니다.

“CSS Save” 플러그인은 CSS3 선형 그라디언트 생성기입니다.

이 플러그인은 GIMP(김프) 그라디언트를 CSS3 코드 조각을 만들어 줍니다.

CSS3 코드 조각은 텍스트 파일입니다.

이 텍스트 파일의 내용을 HTML 파일에 복사, 붙여넣기 하여 바로 사용할 수 있습니다.

또한 CSS3 코드 조각은 SVG 파일에서도 그라디언트를 표시하는데 사용할 수 있습니다.

아래 코드 조각은 GIMP(김프)에서 기본 제공되는 Abstract 1의 그라디언트의 CSS입니다.

그림 90.4.19.a114.9.2. `커스텀 그라디언트`: Abstract 1

background-image: linear-gradient(top, rgb(69,66,255) 0%, rgb(55,104,251) 57%,
     rgb(10,212,158) 71%, rgb(174,91,249) 74%, rgb(141,90,249) 82%, rgb(255,0,
    255) 87%, rgb(255,255,
    0) 100%);
background-image: -moz-linear-gradient(center top, rgb(69,66,255) 0%,rgb(55,
    104,251) 57%,rgb(10,212,158) 71%,rgb(174,91,249) 74%,rgb(141,90,249) 82%,
    rgb(255,0,255) 87%,rgb(255,255,
    0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom,
     color-stop(0.000, rgb(69,66,255)),color-stop(0.573, rgb(55,104,251)),
    color-stop(0.716, rgb(10,212,158)),color-stop(0.750, rgb(174,91,249)),
    color-stop(0.825, rgb(141,90,249)),color-stop(0.876, rgb(255,0,255)),
    color-stop(1.000, rgb(255,255,0)));