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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 617 | HTML | 13년 전 | 3424 | ||
| 616 | HTML |
 cshop |
13년 전 | 3224 | |
| 615 | HTML | 13년 전 | 4146 | ||
| 614 | HTML |
크라이스트
|
13년 전 | 5449 | |
| 613 | HTML | 13년 전 | 2593 | ||
| 612 | HTML | 13년 전 | 3873 | ||
| 611 | HTML | 13년 전 | 4090 | ||
| 610 | HTML | 13년 전 | 4856 | ||
| 609 | HTML | 13년 전 | 3838 | ||
| 608 | HTML | 13년 전 | 5312 | ||
| 607 | HTML | 13년 전 | 3198 | ||
| 606 | HTML | 13년 전 | 3102 | ||
| 605 | HTML |
techer
|
13년 전 | 5379 | |
| 604 | HTML | 13년 전 | 4368 | ||
| 603 | HTML | 13년 전 | 3086 | ||
| 602 | HTML | 13년 전 | 3283 | ||
| 601 | HTML |
성민꼬르꼬
|
13년 전 | 3961 | |
| 600 | HTML | 13년 전 | 3348 | ||
| 599 | HTML | 13년 전 | 4656 | ||
| 598 | HTML | 13년 전 | 6548 | ||
| 597 | HTML | 13년 전 | 2758 | ||
| 596 | HTML | 13년 전 | 3764 | ||
| 595 | HTML |
Black
|
13년 전 | 6374 | |
| 594 | HTML |
techer
|
13년 전 | 2560 | |
| 593 | HTML | 13년 전 | 4066 | ||
| 592 | HTML |
성민꼬르꼬
|
13년 전 | 3783 | |
| 591 | HTML | 13년 전 | 3483 | ||
| 590 | HTML | 13년 전 | 9215 | ||
| 589 | HTML | 13년 전 | 2855 | ||
| 588 | HTML |
크라운엠버서더
|
13년 전 | 4723 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기