채택완료

나리야 1.102 갤러리 위젯에서 썸네일에 그림자 주는 방법

나리야 1.102  다운 받아 공부 중인데요,

초기화면- 갤러리 썸네일 화면이 너무 단조로운 것 같아

그림자(shadow) 효과를 주고 싶은데 어떻게 하면 될까요?

답답한 마음에 갤러리 위젯 부분 올려 봅니다.

고수님의 가르침 부탁드립니다.

Copy
// 이미지 추출
 $img = na_wr_img($list[$i]['bo_table'], $list[$i]);

 // 썸네일 생성
 $thumb = ($wset['thumb_w']) ? na_thumb($img, $wset['thumb_w'], $wset['thumb_h']) : $img;

?>
 <li class="col px-2 pb-4">
  <div class="img-wrap bg-light na-round mb-2" style="padding-bottom:<?php echo $img_height ?>%;">
   <div class="img-item">
    <a href="<?php echo $list[$i]['href'] ?>"<?php echo $target ?>>
     <?php echo $wr_tack ?>
     <?php echo $wr_cap ?>
     <?php if($thumb) { ?>
      <img src="<?php echo $thumb ?>" alt="Image <?php echo $list[$i]['wr_id'] ?>">
     <?php } ?>
    </a>
   </div>
  </div>
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2020-12-30 (수) 21:16:18
<a href="<?php echo $list[$i]['href'] ?>" style="box-shadow: 0 0 4px black;"> 이렇게 해보세요

답변에 대한 댓글 1개

<div class="img-wrap bg-light na-round mb-2" style="box-shadow: 1px 1px 10px gray;" <?php echo $img_height ?>%;">
에 적용했더니 잘 됩니다.
감사합니다.

아래 좌표 참고해 작업해 보세요.

수정할 위치 찾기.

https://homzzang.com/b/css-251

shadow 효과 주기.

https://homzzang.com/b/css?sca=shadow

수정한 거 반영하기

https://homzzang.com/b/css-248

답변을 작성하려면 로그인이 필요합니다.