CSS3 배경 그라디언트

페이지 테스트를 위해이 클래스를 설정했습니다. CSS3를 구현하기 시작한 것이므로 쉽게 들러갑니다.CSS3 배경 그라디언트

.CSS3TESTDIV{ 
    width:228px; 
    height:300px; 
    background-color: #fff3; 
    background-image: -moz-linear-gradient(0% 100% 90deg, #0068b3, #fff); 
     background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#0068b3)); 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 1px solid #0068b3; 
    padding: 10px; 
    margin:0 10px 0 0; 
    -moz-box-shadow: 7px 7px 7px #888; 
    -webkid-box-shadow: 7px 7px 7px #888; 
    box-shadow: 7px 7x 7px #888; 
    float:left;   
}

모든 것이 FF (Mac) 및 FF로 Mac에서 잘 보이지만 IE는이를 지원하지 않습니다.

내 질문은 그라디언트에 관한 것입니다 ... 그라디언트 위에있는 것은 꽤 부드럽지만, 파란색으로 조금 아래쪽에서 위로 올라가고 싶습니다. 그것은 내 browswer에, 그리고 나는 백분율과 값을 가지고 놀았지만, 나는 정말로 그것을 원하는 방식으로 만드는 것 같습니다 ...

나는 효과를 어떻게 찾을 수 있을까요?

다시 말하지만, 나는 위에서 아래로 하얀색을 원한다. 그리고 맨 아래쪽의 파란색은 약간 희미 해지기를 원한다. 감사합니다

출처

2010-07-13 tony noriega

비공식 그라디언트 대신 이미지를 사용 하시겠습니까? 솔직히, 텍스트 종류의 그라데이션 배경은 어쨌든 나를 자극합니다. 읽을 수 없게 만듭니다. – animuson

진심이야? – Marko

예, 있습니다. 이러한 그라디언트는 공식적으로 지원되지 않는 속성입니다. 그리고 예, 텍스트 뒤의 그라디언트로 인해 읽기가 더 어려워집니다. – animuson