노션 링크 복제 가능 여부 문의 드립니다.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요~ 선생님! 덕분에 GSAP을 아주 재미있게 공부하고 있습니다~ 다름아니라 노션에 공유되고 있는 강의 자료가 PART2는 복제가 가능하도록 설정이 되어있는데, PART1과 PART3는 복제가 불가하더라고요~ 혹시 복제가 가능하도록 가능하실까요?
- javascript
- 애니메이션
- 인터랙티브-웹
- gsap
- scrolltrigger
173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.03
안녕하세요~ 선생님! 덕분에 GSAP을 아주 재미있게 공부하고 있습니다~ 다름아니라 노션에 공유되고 있는 강의 자료가 PART2는 복제가 가능하도록 설정이 되어있는데, PART1과 PART3는 복제가 불가하더라고요~ 혹시 복제가 가능하도록 가능하실까요?
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
이번에 업데이트 해주신 gsap 수업자료에 json 파일은 vscode를 사용해야지만 확인이 가능한건가요? 이전 영상과는 수업자료가 조금 다른거같아 질문드립니다.
해결됨
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
섹션 14 5차_업데이트(고정된 섹션에 하위 섹션 올라오는 인터렉티브) ScrollTrigger 실무활용_ScrollTrigger Script적용 영상 오류 확인 요청 드립니다. 4분 37초 정도 부터 30분 50초 정도 까지 블랙 화면(소리 X)으로 나옵니다. 확인 후 회신 부탁 드립니다.
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
Y축 섹션 고정스크롤애니메이션 강의에서 스크롤을 올리면 border-radius준 영역 밖으로 bg가 보이는데 어떻게 없애면 될까요??
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
강의듣고 자바스크립트로 코드 변경해보고싶은데... 질문글에 있는글을 보니 제이쿼리뿐아니라 제이쿼리를 사용한 플로그인을 사용한다고 되어있던데 제이쿼리를 사용한 플로그인을 사용하나요?... 제이쿼리를 사용한 플로그인은 따로 자바스크립트로 교체가 안되는건가요?
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
이 코드를 처음 보는데 이게 왜 여기에 넣어지는지 모르겠어요. content: attr(data-char); *혹시 이 선생님 수업 영상 중에 기초가 될 수 있는 강의가 있을까요. 처음 보는 코드가 많이 보여서 공부를 해보고 싶습니다.
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
섹션10 스크롤에 반응하는 이미지와 텍스트 애니메이션 제작에 자료파일이 안보여요.
미해결
당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스
안녕하세요! 강의는 이미 샀는데 궁금한게 생겨서 여기에 문의드립니다. 현재 예제 애니메이션에서는 세로 스크롤 스무스가 적용이 안되어 있는걸로 확인이 되는데요! 혹시 적용이 안된 이유가 있을까요?
미해결
UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략
JS 코드 $(function(){ $(".con03 .list").simplyScroll({ speed : 4, pauseOnHover : false, pauseOnTouch : false }) }) CSS 코드 그리고 그림이 글자 위로 보여요 .simply-scroll .simply-scroll-clip { overflow: hidden; transform: rotate(5deg) translate(50%, 400px) scale(1.1); opacity: 0; } .simply-scroll .simply-scroll-clip .simply-scroll-list li { float: left; width: 400px; filter: brightness(50%); } .simply-scroll .simply-scroll-clip .simply-scroll-list li img { width: 100%; } .con03.motion .simply-scroll .simply-scroll-clip { transform: rotate(5deg) translate(0%, 400px) scale(1.1); opacity: 1; transition: 1.2s; transition-delay: 0.3s; }
미해결
SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱
GRID 반응형 포트폴리오 강의를 참고하며 개인 포트폴리오를 작업 중입니다. featherlight iframe를 사용해서 연결한 html파일 중 scrolltrigger 이벤트가 뜨는 이미지나 글상자가 다르게 출력됩니다. 원본html을 직접 들어갈 경우 정상적으로 작동하는데, 아이프레임을 통해 들어간 경우만 scrolltrigger로 transform x, y값을 이동하게 지정한게 오류가 나서 문의드립니다. 이럴 때는 어떻게 접근해서 해결해야 좋을까요? 해당이미지의 js 코드입니다.