2014-12-16 3 views
1

배경 그라디언트를 만들려고합니다. 내 웹 사이트 1024px 제한 폭이 될 것입니다, 그래서 이런 모든 브라우저/화면 해상도 미세가는 수평 방향의 그라데이션, 싶어 :HTML 브라우저의 애프터 프로세스 변수를 사용하여 색상 위치가있는 CSS 그래디언트

블랙 - (페이지가 시작) Lightgray을 - Lightgray (페이지가 끝나는 곳) - 검정색.

가능하다면 자동 여백 값과 같이 사이트를 처리 한 후 브라우저가 만드는 변수를 얻는 방법을 알고 "lightgray color stop" 위치를 설정하는 방법을 알고 싶습니다. 이렇게하면 단 한 가지 색으로 화면 낭비가없고 큰 해상도로 페이지가 상대적으로 작아집니다. 또한, 나는 여전히 변수를 CSS에 넣는 방법을 모른다. "value".

답변

0

당신이 완전히 무슨 뜻인지 모르겠지만, 그 효과를 얻으려고한다면, 나는 css gradient generator 같은 도구를 사용하여 그라디언트를 만들 것입니다. 백분율을 사용하므로 색상 값은 픽셀 값의 변화에 ​​영향을받지 않습니다 ... 예를 들어 그라디언트는 페이지 높이의 50 %에서 끝날 수 있습니다.

이 질문에 대한 답변이나 올바른 방향을 제시합니다.

+0

나는 이것이 나를 도울 수 있다고 생각하지 않습니다. 내 페이지의 너비가 1024px이고 센터링됩니다. 나는 각면에 검은 그라디언트로 lightgray를 가져야했다. 브라우저 창 비율로 작동하는 "CSS Gradient Generator"가 두려워서 사용할 수 없습니다. 나는 브라우저의 변수 (자동 여백 값과 같은)를 사용하여 "색상 정지"위치를 설정하려고했습니다. – Kenji

+0

원하는 내용이 주 콘텐츠 영역의 '상자 그림자'와 비슷할 수 있습니다. 원하는 효과를 보여주는 포토샵 모형과 같이 더 많은 정보를 제공해야 할 수도 있습니다. –

+0

이것은 또한 작동하지 않습니다. 상자 그림자는 너비의 값을 필요로하며, 지금까지는 페이지를로드하거나 브라우저의 창 크기를 변경할 때 생성되는 "자동 여백"변수를 얻을 방법이 없습니다. – Kenji