마우스 오버시투명도 조절
본문
<code> <div id='product01' style="width:165px; height:165px ; background:black; float:left; "><a href="http://skin-skin10.beauadd3476.cafe24.com/product%20list2/salvadordali/labelle-locelot-EDP.html" class="hvr-fade" ><img src="http://skin-skin10.beaua2dd13476.cafe24.com/web/upload/category/editor/2016/03/16/9414e5b96be63b0ce01619970d5ae295.jpg" width="165" height="165"></a>
</div> </code>
여기서 이미지에 마우스 오버시 그림이 어두워지는 효과를 주고싶습니다. 혼자서 이것저것찾아보고했는데 되지가않네요 ㅠㅠ !부족한 실력이라 도움 요청해봅니다ㅠㅠ ..
답변 1
optimizer.php 의
.ProductList_Slick .Item_Slick:hover .ImgBox_Slick::after 수정
현재값
.ProductList_Slick .Item_Slick:hover .ImgBox_Slick::after {
opacity: 0.3;
}
opacity의 숫자가 높아질수록 어두워집니다.
0(fff) ~ 1(000)
소수점으로 수정하세요.
답변을 작성하시기 전에 로그인 해주세요.
