당신이 ... CSS3 그라디언트를 사용하는 아래의 코드를 사용할 수 있습니다
.. 이미지가 약간의 질감 효과를 포함하기 때문에 완벽 같은 이미지 아니다
.greenboard {background: #63856a; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #63856a 1%, #3c5a40 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#63856a), color-stop(100%,#3c5a40)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #63856a 1%,#3c5a40 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #63856a 1%,#3c5a40 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #63856a 1%,#3c5a40 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #63856a 1%,#3c5a40 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63856a', endColorstr='#3c5a40',GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
...
먼저 해봤 니? –
CSS에서 이와 비슷한 것을 얻을 수 있다고해도 (나는 본 적이 한 번도 없다) 엄청난 양의 코드가 필요합니다. 실용적이지 않습니다. 가벼운 bg 이미지는 여기에서 훨씬 더 좋은 옵션입니다. –
코드를 요청하는 질문은 ** 해결 된 문제에 대해 최소한의 이해를 보여 주어야합니다 **. 시도한 해결책, 실패한 이유 및 예상되는 결과를 포함시킵니다. 참고 : [Stack Overflow question checklist] (http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist). – Antony