파란색 배경의 웹 사이트가 위에서 아래로 나 있습니다. 이제는 CSS를 통해 푸른 색이 가장 밝은 파란색에서 가장 어두운 파란색까지 아래쪽으로 이동하게하고 싶습니다. 기본적으로 페이지가 아래로 스크롤하면 어두워집니다. 이 CSS 또는 심지어 jQuery와 가능한가요? 어디서나 솔루션을 찾을 수 없었습니다. 내가 찾은 모든 예제는 마우스를 올려 놓으면 효과가 나타나지만 실제로는 페이지가로드 될 때 백그라운드에서 발생하는 것입니다. 이게 CSS 나 jQuery에서 가능합니까? 당신이 사용하는 CSS를 할 수배경색이있는 전환 색상
0
A
답변
2
는
http://www.colorzilla.com/gradient-editor/
그래, 당신이 아래와 같은 스타일을 원하는에 어느 것이 배경 그라데이션을 적용 그라디언트. 당신이 상당히 지저분 얻을 수있는 모든 브라우저를 지원하는 경우 당신이 그렇게 개인적으로 적은 비용으로 그 일을 추천 할 것입니다 볼 수 있지만,이 지원되지 않지만 아래body{ background: #162772; /* Old browsers */
background: -moz-linear-gradient(left, #162772 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#162772), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #162772 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #162772 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #162772 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to right, #162772 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#162772', endColorstr='#7db9e8',GradientType=1); /* IE6-9 */ }
0
괜찮을으로
각 브라우저별로 아직 다음과 같은 그래디언트 방법을 사용하고 있으므로 한 곳에서만 편집하면됩니다. 배경색
background-color:blue;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
관련 문제
- 1. 배경색이있는 CSS 전환
- 2. Cocos2D 전환 색상 문제
- 3. 색상 전환 배경 html
- 4. 버튼의 CSS3 색상 전환
- 5. LESS로 부드러운 색상 전환
- 6. SVG 애니메이션 색상 전환
- 7. jquery의 색상 전환 애니메이션
- 8. 흰색 배경색이있는? selectableItemBackground 사용
- 9. IE6에서 배경색이있는 iFrame
- 10. 배경색이있는 웹 페이지 인쇄
- 11. 배경색이있는 투명한 배경 이미지
- 12. Highcharts 배경색이있는 정적 선
- 13. 배경색이있는 텍스트 뷰
- 14. 배경색이있는 배경색 div
- 15. 배경색이있는 사용자 정의 버튼
- 16. Animate 배경색이있는 UITableViewCell의 Longpress
- 17. 배경색이있는 GMSPolyline 그리기
- 18. 배경색이있는 div를 통한 투명도
- 19. 둥근 모서리와 배경색이있는 NSButton
- 20. 근접 센서로 전환 버튼 색상
- 21. JavaFX 전환 : 반전 단추 색상
- 22. 전환 Backround입니다 색상 JQuery와하기 Accordian가
- 23. jQuery를 전환 CSS 색상 변경
- 24. iOS 색상 전환 네비게이션 바
- 25. 변경 가능한 배경색이있는 Android Togglebutton?
- 26. 안드로이드에 배경색이있는 둥근 모서리 단추
- 27. 텍스트 뒤에 배경색이있는 여러 div
- 28. 두 번째 버튼 클릭 후 색상 전환
- 29. 아이폰 OS - 부드러운 색상 변경 전환/애니메이션
- 30. HTML5 캔버스 색상 전환 및 선 두께
Google CSS 그래디언트. – j08691