아주 잘 정리된 사이트를 발견했다.
http://www.css-lecture.com/log/css3/css3-gradient.html
|
1 2 3 4 |
.gradient01 {
background: -moz-linear-gradient(top, #990, #066); /* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066)); /* Safari,Google Chrome用 */
} |
또는 아래와 같이 자세히 지정도 가능하다.
|
1 2 3 4 5 6 7 8 9 10 |
.gradient05 { background: url(images/01.gif); }
.gradient05 p {
background: -moz-linear-gradient(top,
rgba(60,100,50,0.5),
#066); /* Firefox用 */
background: -webkit-gradient(linear, left top, left bottom,
from(rgba(60,100,50,0.5)),
to(#066)); /* Safari,Google Chrome用 */
padding: 20px;
} |