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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 347 | HTML | 17년 전 | 2770 | ||
| 346 | HTML | 17년 전 | 3241 | ||
| 345 | HTML | 17년 전 | 4306 | ||
| 344 | HTML | 17년 전 | 3461 | ||
| 343 | HTML | 17년 전 | 3159 | ||
| 342 | HTML | 17년 전 | 3809 | ||
| 341 | HTML | 17년 전 | 3360 | ||
| 340 | HTML | 17년 전 | 2713 | ||
| 339 | HTML | 17년 전 | 3679 | ||
| 338 | HTML | 17년 전 | 6245 | ||
| 337 | HTML | 17년 전 | 4224 | ||
| 336 | HTML | 17년 전 | 2932 | ||
| 335 | HTML |
카프카07
|
17년 전 | 3188 | |
| 334 | HTML |
진정한승리
|
17년 전 | 4851 | |
| 333 | HTML | 17년 전 | 3046 | ||
| 332 | HTML |
 도투꿀꿀이 |
17년 전 | 3275 | |
| 331 | HTML | 17년 전 | 3824 | ||
| 330 | HTML | 17년 전 | 2851 | ||
| 329 | HTML | 17년 전 | 2622 | ||
| 328 | HTML | 17년 전 | 4811 | ||
| 327 | HTML | 17년 전 | 5605 | ||
| 326 | HTML | 17년 전 | 7301 | ||
| 325 | HTML | 17년 전 | 3609 | ||
| 324 | HTML | 17년 전 | 3807 | ||
| 323 | HTML | 17년 전 | 3579 | ||
| 322 | HTML | 17년 전 | 6085 | ||
| 321 | HTML | 17년 전 | 3264 | ||
| 320 | HTML | 17년 전 | 3825 | ||
| 319 | JavaScript | 17년 전 | 8999 | ||
| 318 | HTML |
 넥스트스텝 |
17년 전 | 3382 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기