Cross-Browser CSS Gradient
크로스브라우징 그라디언트 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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 317 | HTML | 17년 전 | 3084 | ||
| 316 | HTML |
갈색야생마
|
17년 전 | 6949 | |
| 315 | HTML |
갈색야생마
|
17년 전 | 4670 | |
| 314 | HTML |
갈색야생마
|
17년 전 | 3768 | |
| 313 | HTML |
갈색야생마
|
17년 전 | 4343 | |
| 312 | HTML |
갈색야생마
|
17년 전 | 2730 | |
| 311 | HTML |
갈색야생마
|
17년 전 | 2310 | |
| 310 | HTML |
갈색야생마
|
17년 전 | 2446 | |
| 309 | HTML |
갈색야생마
|
17년 전 | 2633 | |
| 308 | HTML |
갈색야생마
|
17년 전 | 2874 | |
| 307 | HTML |
갈색야생마
|
17년 전 | 2605 | |
| 306 | HTML | 17년 전 | 4203 | ||
| 305 | HTML |
갈색야생마
|
17년 전 | 3006 | |
| 304 | HTML |
갈색야생마
|
17년 전 | 4146 | |
| 303 | HTML |
갈색야생마
|
17년 전 | 3208 | |
| 302 | HTML |
갈색야생마
|
17년 전 | 2872 | |
| 301 | HTML | 17년 전 | 3817 | ||
| 300 | HTML | 17년 전 | 4021 | ||
| 299 | HTML | 17년 전 | 3071 | ||
| 298 | HTML | 17년 전 | 2914 | ||
| 297 | HTML | 17년 전 | 2654 | ||
| 296 | HTML | 17년 전 | 2359 | ||
| 295 | HTML | 17년 전 | 2461 | ||
| 294 | HTML | 17년 전 | 2705 | ||
| 293 | HTML |
|
17년 전 | 3073 | |
| 292 | HTML | 17년 전 | 2904 | ||
| 291 | HTML |
|
17년 전 | 3170 | |
| 290 | HTML |
jeans
|
17년 전 | 2594 | |
| 289 | HTML |
|
17년 전 | 4489 | |
| 288 | HTML | 17년 전 | 4647 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기