랩 다이아 1+1 이벤트
링게이지 구매시 100% 적립금 환급
블로그 리뷰 최대10만원  신세계 상품권 지급
반짝특가   진행중
랩 다이아 1+1 이벤트
링게이지 구매시 100% 적립금 환급
블로그 리뷰 최대10만원  신세계 상품권 지급
반짝특가   진행중
게시판 검색 폼 검색
일반게시판 게시글
NO.
 
CONTENT
NAME
DATE
HITS
23
개인정보확인했습니다~!
lc*****
2019.07.19
717
22
개인정보 확인 완료!!
nh******
2019.07.18
561
21
개인정보 확인 완료!!
nh******
2019.07.25
615
20
개인정보확인완료했습니다♡
ka******
2019.07.18
741
19
개인정보확인완료♥
nh*****
2019.07.17
678
18
개인정보확인완료!
bm*****
2019.07.17
646
17
개인정보확인완료
se*********
2019.07.17
671
16
개인정보확인완료!
wl********
2019.07.17
589
15
개인정보확인완료
to********
2019.07.17
796
14
개인정보확인완료
to********
2019.07.17
817
  1. 1
  2. 2
  3. 3
WRITE
/* ========== 분류페이지 반응형 효과 ========== */ /* 스크롤 등장 애니메이션 */ .boxitem { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; } .boxitem.is-visible { opacity: 1; transform: translateY(0); } /* 순차 등장 딜레이 (4열 기준) */ .boxitem:nth-child(4n+1) { transition-delay: 0s; } .boxitem:nth-child(4n+2) { transition-delay: 0.1s; } .boxitem:nth-child(4n+3) { transition-delay: 0.2s; } .boxitem:nth-child(4n+4) { transition-delay: 0.3s; } /* 썸네일 호버 - 이미지 줌 */ .boxitem a.prdImg { display: block; overflow: hidden; border-radius: 4px; background-color: #f7f7f7; } .boxitem a.prdImg img { width: 100%; display: block; transition: transform 0.5s ease, filter 0.5s ease; } .boxitem:hover a.prdImg img { transform: scale(1.05); filter: brightness(1.02); } /* 상품 정보 호버 - 살짝 올라감 */ .boxitem .boxText { transition: transform 0.3s ease; } .boxitem:hover .boxText { transform: translateY(-5px); }