이미지 롤오버 효과 (흑백, 투명)

#side1 img {

transition: linear 0.2s;

-webkit-transition: linear 0.2s;

opacity: 0.6;

-webkit-filter: grayscale(0%);

}

#sidebar img:hover {

opacity: 1;

-webkit-filter:grayscale(100%);

}

( - 여기까지 블로그로고 흑백 - )

-webkit-filter: grayscale(100%);

img

{

max-width: 100%;

height: auto;

border:0px;

opacity:1.0;

filter:alpha(opacity=100); /* For IE8 and earlier */

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

span.imageblock { 

max-width: 100%;

height: auto;

}

img:hover

{

border:0px;

opacity:0.7;

filter:alpha(opacity=70); /* For IE8 and earlier */

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}