인프런 커뮤니티 질문&답변

minsung kim님의 프로필 이미지
minsung kim

작성한 질문수

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

핵심 기능 구현

픽스낫띵 핵심기능구현 문의요

작성

·

186

1

핵심기능구현인데 왜 여자만 움직이고 3d text 구현은 빠져있는건가요?? 이거 과장 광고 아닌가요?? 강의소개에는 텍스트함께 움직이는거로 봤어요;;; 마우스로 다 하는거다 이러면 끝인가요;;;

답변 7

1

재밌게 잘 배우고 있어요 :) 그런데 완성된 코드를 봐도 배경 이미지가 움직이면 배경 뒤의 background : #000가 보이는데,.. pixnothing 페이지처럼 하려면 어떻게 해야할까요??

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

@강치약씨 님 재밌게 배누고 있으시다니 다행입니다 ^^ (새로운 질문으로 등록 해주시면 좋을 것 같아요)

bg 안 보이게 하려면 여러가지 방법과 꼼수가 있어요.

1. 일단 움직일 배경 이미지를 화면 사이즈보다 크게 만든다. 

2. 수치를 조정해서 마우스 움직임 반경을 줄인다. (조금만 움직이게)

3. 배경 이미지 끝 부분을 bg컬러와 맞춘다. (예 : 포샵에서 블랙으로 블러처리)

4. 3번과 비슷한데 이미지 끝 부분을 지워서 PNG로 불러온다.

등이 있습니다.

움직일 이미지 끝 부분을 지워준다는 게 이런 느낌입니다.

스크립트로 해결을 할 수도 있지만

이런 디자인적인 꼼수로 더욱 쉽게 처리할 수도 있습니다.

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

오해하신 부분을 안내 해드린 것인데 무시라니요.

무시를 했다면 추가 제작 및 업로드도 안 했겠죠. 밤 12시에... 추가 업로드도 해드렸는데, 이렇게 말씀하시니 참 안타깝습니다. 

0

minsung kim님의 프로필 이미지
minsung kim
질문자

이제는코드가문제가 아니라 저를 무시하는 말투로 말씀하시니 기분이 상당히 좋지않네여 강의를보면서이상한점을 말씀드린게 잘못이었나보네요 그냥 제가 똥밟았다치겠습니다 수고하세여

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

강의소개 속 gif는 3d 텍스트 모션이 아닌 '페럴랙스 효과'입니다. 11강까지 들으셨는데 그 뒤에 나옵니다. 첫 댓글에 남겼듯이 3D 텍스트까지 완성된 소스를 업로드 했습니다. 다운 받아 보시면 될 것 같습니다.  

0

minsung kim님의 프로필 이미지
minsung kim
질문자

이해가 안갑니다 허위광고네요 인프런에 항의하겠습니다

코딩일레븐님 강의소개를보면 픽스낫띵 이미지가 있고 그밑에 모바일에서볼수있는이런효과를배워봅니다 라고 되어있어서 그거배우는줄 알았는데 실제로 강의에들어왔더니 핵심기능구현강의라서 제외했다는 어처구니 없는 답변을하시네여그럼 강의소개에 있는 이미지가 핵심기능에관련된거만 있어야되는거아닌가여???? 

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

안녕하세요. 해당 사이트 '클론' 강의가 아닌 '핵심 기능' 구현 강의라서 제외했습니다. 원하시는 것 같아서 추가로 업로드 해드리겠습니다. 지금. 바로.

강의소개를 다시 보시면 알겠지만 '3d 텍스트 마우스 모션'은 없습니다. 

minsung kim님의 프로필 이미지
minsung kim

작성한 질문수

질문하기