크로스브라우징 그라디언트 css 입니다.
익스 버전별, 크롬, 사파리, 파이어폭스 적용이 되는데요
주석이 안보이는군요 ㅠㅠ
첫번째줄은 익스 5.5-7
두번째줄은 익스 8
세번짼 크롬, 사파리
네번째는 파이어폭스 입니다.
[code]
<style type="text/css">
.gradient {
/* for IE */
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee')";
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
/* for firefox 3.6+ */
background: -moz-linear-gradient(top, #fff, #eee);
background-color: #fff;
}
</style>
<div class="gradient" style="width:100px;height:600px;"></div>
[/code]
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5902 | 9년 전 | 280 | ||
| 5901 | 9년 전 | 293 | ||
| 5900 | 9년 전 | 287 | ||
| 5899 | 9년 전 | 763 | ||
| 5898 | 9년 전 | 249 | ||
| 5897 | 9년 전 | 262 | ||
| 5896 | 9년 전 | 174 | ||
| 5895 | 9년 전 | 708 | ||
| 5894 | 9년 전 | 315 | ||
| 5893 | 9년 전 | 292 | ||
| 5892 | 9년 전 | 356 | ||
| 5891 | 9년 전 | 364 | ||
| 5890 | 9년 전 | 392 | ||
| 5889 | 9년 전 | 272 | ||
| 5888 | 9년 전 | 178 | ||
| 5887 | 9년 전 | 275 | ||
| 5886 | 9년 전 | 205 | ||
| 5885 | 9년 전 | 228 | ||
| 5884 | 9년 전 | 190 | ||
| 5883 | 9년 전 | 233 | ||
| 5882 | 9년 전 | 243 | ||
| 5881 | 9년 전 | 294 | ||
| 5880 | 9년 전 | 203 | ||
| 5879 | 9년 전 | 225 | ||
| 5878 | 9년 전 | 394 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기