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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 377 | HTML | 16년 전 | 5035 | ||
| 376 | HTML | 16년 전 | 3126 | ||
| 375 | HTML | 16년 전 | 3560 | ||
| 374 | HTML | 16년 전 | 3497 | ||
| 373 | HTML | 16년 전 | 3602 | ||
| 372 | HTML |
 heisher |
16년 전 | 3320 | |
| 371 | HTML | 16년 전 | 4127 | ||
| 370 | HTML | 16년 전 | 3310 | ||
| 369 | HTML | 16년 전 | 3296 | ||
| 368 | HTML | 16년 전 | 3564 | ||
| 367 | HTML | 16년 전 | 4041 | ||
| 366 | HTML |
잠자리똥꾸멍
|
16년 전 | 3034 | |
| 365 | HTML | 16년 전 | 3701 | ||
| 364 | HTML | 16년 전 | 4649 | ||
| 363 | HTML | 16년 전 | 3214 | ||
| 362 | HTML | 16년 전 | 2989 | ||
| 361 | HTML | 16년 전 | 2476 | ||
| 360 | HTML |
 RINIX |
16년 전 | 3207 | |
| 359 | HTML | 16년 전 | 5673 | ||
| 358 | HTML | 16년 전 | 3207 | ||
| 357 | HTML | 17년 전 | 6312 | ||
| 356 | HTML | 17년 전 | 6178 | ||
| 355 | HTML | 17년 전 | 4184 | ||
| 354 | HTML | 17년 전 | 3476 | ||
| 353 | HTML | 17년 전 | 2621 | ||
| 352 | HTML | 17년 전 | 3719 | ||
| 351 | HTML | 17년 전 | 3154 | ||
| 350 | HTML | 17년 전 | 5570 | ||
| 349 | HTML | 17년 전 | 4667 | ||
| 348 | HTML | 17년 전 | 3864 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기