토론방

분류목록

소스관련 이미지배너 슬라이드 캡션 효과

안녕하세요. 항상 수고 많으십니다.

해당 URL의 이미지 배너에서 캡션이 없었다가 hover하면 아래에서 위로 나타나는 효과는 어떤 부분을 수정하면 될까요?

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

배**영 2016-01-25

적용되었습니다.

슬라이드 내에 소스가 추가되었습니다. transition기능은 css3 소스로 ie9 이하버전은 적용되지 안습니다.

아래와 같이 css3방법과 javascript로 나타나게 하는 방법이 있습니다.

.pm-slide_responsive_{$this_group_code} .item .caption {display:block;
   position:absolute; left:0; right:0; top:105%; bottom:0; background:{$bgColor1}; background:{$bgColor2};
   -webkit-transition:top 200ms ease;
   -moz-transition:top 200ms ease;
   -ms-transition:top 200ms ease;
   -o-transition:top 200ms ease;
   transition:top 200ms ease;
}
.pm-slide_responsive_{$this_group_code} .item:hover .caption{
top:80%;
   -webkit-transition:top 200ms ease;
   -moz-transition:top 200ms ease;
   -ms-transition:top 200ms ease;
   -o-transition:top 200ms ease;
   transition:top 200ms ease;
}

댓글작성

열기 닫기

top