HYU 이미지 박스

개요

배경 이미지 위에 텍스트를 노출시킬 수 있는 박스입니다.

미리보기

설정

1. 배경 이미지 설정

1-1. 배경 이미지 가로 (px)
배경으로 노출할 이미지의 가로 사이즈 픽셀 단위로 지정 (숫자만 입력)

1-2. 배경 이미지 세로 (px)
배경으로 노출할 이미지의 세로 사이즈 픽셀 단위로 지정 (숫자만 입력)

 

2. 마우스 효과

2-1. 확대 : 마우스 오버 시 배경 이미지가 확대되는 효과 적용

2-2. 흐림 : 마우스 오버 시 배경 이미지가 흐려지는 효과 적용

 

3. 링크 설정

3-1. 링크 URL : 이동할 URL 입력

3-2. 새창 연결 체크박스 : 체크 시 새창으로 링크 연결

 

4. 텍스트 설정

4-1. 노출 텍스트 : 이미지 위에 노출될 텍스트 입력

4-2. 텍스트 위치
중앙 : (기본 값) 세로 기준 중앙에 텍스트 노출
상단 : 세로 기준 상단에 텍스트 노출
하단 : 세로 기준 하단에 텍스트 노출