css 순차 배경색 변화 스타일 만들기


.c-rank{background-color: #eee; }
<?
for($i=1,$m=50;$i<=$m;$i++):

if($i<=25){
$t = 255-round(127*($i)/25) ;
// $t =  round(255*($i)/25)+127 ;

$r = $t;
$g = round($t/2);
$b = $g;
}else{
// $t =  round(255*($i-25)/25)+127 ;
$t = 255-round(127*($i-25)/25) ;
$r = round($t/2);
$g = $t;
$b = $r;
}
?>
.c-rank-<?=$i?>{background-color: rgb(<?=$r?>,<?=$g?>,<?=$b?>);}
<?
endfor;
?>

.c-rank-1 ~ .c-rank-25 까지 빨간색 계열
.c-rank-26 ~ .c-rank-50 까지 초록색 계열 계열
 
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
공대여자
mins01
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자