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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 407 | HTML |
 l2zeo |
15년 전 | 2812 | |
| 406 | HTML | 15년 전 | 2322 | ||
| 405 | HTML | 15년 전 | 2700 | ||
| 404 | HTML |
 JY소프트 |
15년 전 | 2368 | |
| 403 | HTML | 15년 전 | 2393 | ||
| 402 | HTML |
soulfuleyes
|
15년 전 | 4656 | |
| 401 | HTML | 15년 전 | 3115 | ||
| 400 | HTML | 15년 전 | 2163 | ||
| 399 | HTML | 15년 전 | 2805 | ||
| 398 | HTML | 15년 전 | 2029 | ||
| 397 | HTML | 15년 전 | 2524 | ||
| 396 | HTML | 15년 전 | 2651 | ||
| 395 | HTML | 15년 전 | 3179 | ||
| 394 | HTML |
 프리웹닷컴 |
15년 전 | 4242 | |
| 393 | HTML |
원더풀라입
|
15년 전 | 2129 | |
| 392 | HTML |
원더풀라입
|
15년 전 | 2204 | |
| 391 | HTML |
원더풀라입
|
15년 전 | 2276 | |
| 390 | HTML | 15년 전 | 2702 | ||
| 389 | HTML |
gamebomb
|
15년 전 | 2868 | |
| 388 | HTML |
intel
|
15년 전 | 5710 | |
| 387 | HTML | 15년 전 | 5984 | ||
| 386 | HTML | 15년 전 | 3166 | ||
| 385 | HTML | 15년 전 | 3209 | ||
| 384 | HTML | 15년 전 | 5103 | ||
| 383 | HTML | 15년 전 | 3364 | ||
| 382 | HTML |
헐크매니아
|
15년 전 | 3560 | |
| 381 | HTML |
WebRIA
|
15년 전 | 10343 | |
| 380 | HTML |
WebRIA
|
15년 전 | 3683 | |
| 379 | HTML | 15년 전 | 3828 | ||
| 378 | HTML | 16년 전 | 4847 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기