Thumbnail Hover effect

Extra Form
PHP PHP 7.2
CMS Rhymix

구글링해서 CSS 코드 

/* Gray Scale */
.hover08 figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover08 figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);

 

를 찾아 현재 사용하고 있는 아플로스 게시판에 적용해봤는데요 

 

Opera Snapshot_2020-08-23_223849.png

 

게시판 스킨 설정에서 위와 같이 코드를 나누어 적용했는데 

게시판 섬네일 이미지에 마우스 갖다 대면 이미지가 확대 되는건 적용이 되었는데 

회색으로 적용한 이미지가 채색으로 변하지 않아요. 

제가 코드를 잘못 적용한건가요?? 

현재 이미지가 회색으로 변해 있고 이미지에 마우스를 하버하면 transform: scale(1.2);  은 적용이 되었는데 그레이색으로 된 이미지가 

원색[채색]으로 변하지 않습니다. ㅠㅠ 

 

고수님들 제가 적용한 코드 한번 봐 주세영