Go back
사용 방법 문의
Hover 관련 문의
marco1204
2024-04-23
이미지 위에 Hover 설정을 들어갔을시, Typeface 를 설정해서 글씨를 넣을수 있다고 나오는것 같은데,글씨를 어떻게 적용하며 typeface 는 어디서 설정을 할 수 있는거고 적용을 어떻게 하나요?
3 Comments
[publ] Jack
· 2 years ago
안녕하세요 macro1204님,
publ 개발팀 Jack 입니다. 첨부해주신 이미지의 Typeface는 하나의 예시이며 호버 기능은 각 컴포넌트 블록에서 설정 할 수 있는 스타일만 제어가 가능합니다. 이미지 컴포넌트 블록에는 Typeface를 추가하거나 스타일을 제어할 수 있는 기능이 없으므로 호버 기능또한 존재하지 않습니다. 다만 macro1204님께서 원하시는 호버시에 이미지 위에 텍스트가 뜨는 효과는 텍스트 컴포넌트 블록을 활용해 구현할 수 있습니다. 텍스트 컴포넌트 블록을 활용하는 방법에 대해 안내해드리니 천천히 따라와 주세요 :)
publ 개발팀 Jack 입니다. 첨부해주신 이미지의 Typeface는 하나의 예시이며 호버 기능은 각 컴포넌트 블록에서 설정 할 수 있는 스타일만 제어가 가능합니다. 이미지 컴포넌트 블록에는 Typeface를 추가하거나 스타일을 제어할 수 있는 기능이 없으므로 호버 기능또한 존재하지 않습니다. 다만 macro1204님께서 원하시는 호버시에 이미지 위에 텍스트가 뜨는 효과는 텍스트 컴포넌트 블록을 활용해 구현할 수 있습니다. 텍스트 컴포넌트 블록을 활용하는 방법에 대해 안내해드리니 천천히 따라와 주세요 :)
[publ] Jack
· 2 years ago
1. 섹션에 텍스트 컴포넌트 블록을 추가합니다.
2. 이미지 컴포넌트 블록 위에 텍스트 컴포넌트 블록을 위치 시킵니다. 이 때 텍스트 컴포넌트 블록이 이미지 컴포넌트 블록보다 상위 레이어에 있어야 하므로 텍스트 컴포넌트 블록 클릭 후 우측 패널의 [레이아웃] > [배치 정보]에서 z-index 값을 이미지 컴포넌트 블록 보다 높게 설정해주세요.
2. 이미지 컴포넌트 블록 위에 텍스트 컴포넌트 블록을 위치 시킵니다. 이 때 텍스트 컴포넌트 블록이 이미지 컴포넌트 블록보다 상위 레이어에 있어야 하므로 텍스트 컴포넌트 블록 클릭 후 우측 패널의 [레이아웃] > [배치 정보]에서 z-index 값을 이미지 컴포넌트 블록 보다 높게 설정해주세요.
[publ] Jack
· 2 years ago
3. 텍스트 컴포넌트 블록의 우측 패널의 [스타일]에서 투명도 값을 아래와 같이 설정해주세요.
NORMAL: 0%
HOVER: 100% 위 단계를 마치신 후 호버 기능이 잘 적용 되었는지 확인해주시면 완료입니다.
이 외에도 궁금하신 사항이 있으실 경우 언제든 편히 문의해 주시길 바랍니다 :) 이상 publ 개발팀 Jack이였습니다.
NORMAL: 0%
HOVER: 100% 위 단계를 마치신 후 호버 기능이 잘 적용 되었는지 확인해주시면 완료입니다.
이 외에도 궁금하신 사항이 있으실 경우 언제든 편히 문의해 주시길 바랍니다 :) 이상 publ 개발팀 Jack이였습니다.
