Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
animation
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
2
불꼰카리스마_퍼블리셔
·
1년 이상
464
0
답변 2
GSAP 애니메이션 구현 잘 하시는 분 계시나요 ?
React 환경에서 GSAP 을 이용하여 스크롤 과정 시 텍스트가 위아래로 FadeIn/Out 하는 작업을 구현하고 있습니다. 근데 start 지점이 영역을 벗어나 한참 위에 위치하고 있어 예정보다 일찍 애니메이션이 시작하게 됩니다. 여기서 문제는 이전 섹션의 레이아웃들과 겹치게 되는데요, Settimeout 을 이용하여 찰나의 지연시간을 줬지만 vercel 을 이용해 실배포를 해보니 0.1 초 튕김(혹은 깜빡임) 현상이 발생하네요..이상한 건 로컬이
답변
0
어려워프론트
·
1년 이상
184
0
답변 0
CSS animation과 JavaScript의 transform 동시 사용여부?
페이지 제작에 이미지 슬라이드 기능을 넣으면서 animation: customerSlice 20s linear infinite; 버튼 클릭 시에도 이미지가 이동이 되게 하고 싶어서 제작을 하고 싶은데 챗봇으로 부터 둘 이 동시에 사용이 안된다는 답변을 받았습니다. 혹시 animation: customerSlice 20s linear infinite; 기능을 쓰면서도 버튼을 클릭하면 이미지가 옆으로 넘어갈 수 있는지 궁금합니다. element를 나눠가
답변
1
어려워프론트
·
1년 이상
189
0
답변 1
CSS animation과 JavaScript의 transform 동시 사용여부?
페이지 제작에 이미지 슬라이드 기능을 넣으면서 animation: customerSlice 20s linear infinite; 버튼 클릭 시에도 이미지가 이동이 되게 하고 싶어서 제작을 하고 싶은데 챗봇으로 부터 둘 이 동시에 사용이 안된다는 답변을 받았습니다. 혹시 animation: customerSlice 20s linear infinite; 기능을 쓰면서도 버튼을 클릭하면 이미지가 옆으로 넘어갈 수 있는지 궁금합니다.
답변
0
쑨수
·
거의 2년
374
0
답변 0
3Ds Max 애니메이션 Unity에 적용하는 방법
안녕하세요 유니티로 디지털 트윈을 만들어보고 있습니다 롤스크린 같은 장치가 필요해서 3ds max로 직접 만드는 연습도 하고 있는 데요 이렇게 3ds max로는 쭉 돌아가면서 위로 말리는게 확인되는데 (bend로 했습니다!)fbx로 export 해서 유니티로 가져가면 안되네요이렇게 그냥 바로 export 하면 유니티에 애니메이션 파일 조차 뜨지 않는데 point cache 사용하라고 해서 사용하니 애니메이션 파일은 뜨고, 오브젝트 이동은 되는데
답변
1
dkco90841d
·
2년 이상
210
0
답변 1
css 반복 애니메이션
.about-item-box .about-arrow1 {<!-- --> width: 112.23px; height: 65.61px; margin-top: 51px; margin-left: 133px; opacity: 0; animation: fadeInOut 3s infinite; animation-delay: 0s; } .about-item-box .about-arrow2 {<!-- --> width: 100px; h
답변
0
롸밍
·
2년 이상
137
0
답변 0
css에서 animation 쓸 때 step(n) / step(n,start) / step(n,end) 셋의 차이를 알려주실 분 있나요?
직접 사용해보면 start만 다르고 그냥 스텝이랑 end붙은 건 같아 보여서요.. 예를 들어서 @keyframes에서 0%, 100% 두 가지를 작성하고서, 태그에 steps(5,start) 라고 쓰면 20% 40% 60% 80% 100%로 나오고, start를 빼거나 end를 쓰면 0% 20% 40% 60% 80%로 프레임이 나오더라구요. start가 뭐고 end가 뭐길래 저렇게 나오는지 잘 모르겠습니다... 저 두개를 머리에 어떤 개념이
해결
2
sooooo_o
·
2년 이상
262
2
해결 2
css 애니메이션 관련 질문합니다!
안녕하세요. https://www.does.kr/ 이 사이트를 참고해서 슬라이드 작업중입니다. 위 사이트 보시면 슬라이드가 변경될때 컬러화면이 뜨는데요. 컬러화면이 생길때 위, 아래가 약간의 굴곡이 있으면서 움직이는것처럼 저도 만들고 싶은데 쉽지가 않아서요ㅠㅠ 애니메이션 라이브러리를 사용해보려고 해봐도 비슷한 예시가 딱히 없어서 참고를 못하고 있습니다... 혹시 비슷하게 생긴 사이트를 아시거나 어떻게 해야하는지 아시는분있으시면 도와주시면 감사하겠습
답변
3
박보영
·
거의 3년
263
0
답변 3
부트스트랩 class 변경을 자연스럽게 보이도록 수정이 가능할까요?
안녕하세요 초보 개발자입니다. 문의 드리고 싶은 내용은 부트스트랩 사용 하여 너비 지정을 한 이후 script를 통하여 변경을 하였을때 수정 내용을 애니메이션 효과 등 사용자들이 변한다는 느낌을 줄수있도록 수정이 가능할까요??? (글로 적으면서 내용이 이상하긴 한데.... 예시로 내용 설명 드리겠습니다.) ex) <div id="divA" class="w-50"> TEST DIV </d
답변
2
Ryomi
·
거의 3년
251
0
답변 2
Animated gif layer
안녕하세요! 최근 프론트 개발 중 어려움을 겪고 있어 조언을 구하고자 글을 올립니다!! 여러장의 gif 이미지를 쌓아 하나의 animated gif 이미지를 만들어야 하는데 방법을 못찾고 있습니다ㅜ Gif는 팔, 다리, 몸통, 얼굴 등이며 이 이미지들을 하나로 합치는 작업을 해야하는데 이런저런 시도를 해ㅗ 해결이 안되네요ㅜ 조언을 구할 수 있을까요?ㅠ
답변
2
cheBread
·
거의 3년
269
0
답변 2
어떨때 웹사이트에서 애니메이션이 필요한가요?
안녕하세요. 항상 Stack overflow에만 질문하다가, 처음으로 okky에서 질문을 남겨봅니다. 혹시 웹사이트에서 에니메이션 사용은 언제 필요한가요? 저는 GSAP이나 Framer-motion 같은 에니메이션 라이브러리를 예전부터 사용 해오기는 했지만, 그렇게 무거운 라이브러리가 저의 사이드 프로젝트에는 너무 과한 것 같다는 생각이 듭니다. 그래서 Web Animation Api라는 것을 근래에 찾았는데요. 어떨때에 웹사이트에 애니메이션을 추가하
답변
0
M N
·
3년 이상
288
0
답변 0
gsap 애니메이션효과 질문
일반 css 에서 마지막 애니메이션 상태를 유지하는 animatiln-fill-mode: forwards 같은 효과를 낼수있는방법이 gsap에서 있나요?
해결
1
pie2y
·
3년 이상
539
0
해결 1
javascript classList 막힘문제 도와주세요 ㅠㅠ
순서대로 로딩 반복하는 bar를 제작하려고 태그를 작성하고 animation을 작성한 클래스를 순차적으로 부르는 걸 테스트하고 있는데요. 처음엔 1-2-3-4 순서대로 bar 애니메이션이 잘 작동하는데 그 이후로 다같이 준 classList.remove를 1번만 안되고 2,3,4만 된채로 1번에 애니메이션이 적용안돼요 다양한 방법으로 이것저것 테스트해봤는데도 다 안되서 도움을 요청합니다 ㅠㅠ태그는 이렇게 작성했
답변
1
잘프잘프
·
3년 이상
288
0
답변 1
css 애니메이션 질문
이런식으로 움직이는 애니메이션을 오른쪽에서부터 늘어나도록 하려면 어떻게 해야할까요??@keyframes pcToggleAnimation { 0% {
해결
2
sungtt
·
3년 이상
378
0
해결 2
애니메이션이 일시정지된 요소의 좌표값을 구하는 방법이 궁금합니다.(codepen 첨부)
안녕하세요!css animation을 통해 요소를 이동시키다가animation-play-state: paused; 속성을 주어 애니메이션을 일시정지를 하였을 때해당 요소의 정확한 좌표값을 얻는 방법이 궁금합니다.제가 맞닥뜨린 문제는 애니메이션이 정지된 뒤 요소의 좌표값을 구했을 때화면에 렌더링되고있는 DOM의 좌표가 아닌, 애니메이션을 통해 진행되던 이전 상황의 좌표가 나옵니다.
답변
3
전방에힘찬팬더발싸
·
거의 4년
392
0
답변 3
스크롤이 도달 했을 때 bar가 자동적으로 차게하는 방법 질문좀 드리겠습니다..
얼마전에도 질문했었는데 해답을 찾지를 못해서 ㅜㅜ 다시한번만 질문드리겠습니다..스크롤이 일정부분에 도달했을 때 bar가 자동적으로 차오르게 하는 효과를 찾고 있는데 혹시 알고있는 예제나 그런 기법을 알고 계시면 도움을 주시면 감사드리겠습니다 ㅜㅜ..anima
해결
1
신입입니다ㅏㅏ
·
약 4년
534
0
해결 1
3d 애니메이션 렌더링 . mixamo, deepmotion 능력자분들 도와주세요 : )
안녕하세요 능력자분들의 조언이 너무나도 필요합니다. mixamo나 deepmotion과 같은 사이트 클로닝하고 싶은데, 아무 레퍼런스 없는 사람이 공부해서 적용하는데 얼마나 시간이 소요될까요 ? 관련지식 있으신 분이 있으면, 렌더링 하는데 어떤 라이브러리를 사용해야할지 조언도 주시면 감사할것 같습니다.예를들어 three.js 등
답변
2
인터렉티브김
·
약 4년
445
0
답변 2
애니메이션 버벅이는데 어떻게 해결해야할지모르겠네요..
이번에 신입 퍼블리셔로 취업했습니다.사수가 없다보니 스스로 찾아가면서 개발하고있는데요.최근 프로젝트에서 스크롤에 따른 svg로 된 이미지가 움직이게 끔 하는 인터렉션을 구현중인데요.문제는 svg가 너무 많아서 그런지(10개이상) 사이트가 버벅입니다. 플러그인이 많아서 그런가 싶기도한데 또 다른 프로젝트에서는 꼭 그렇지만은 않았거든요.이 문제를 어떻게 해결해야 좋을지 감이안잡혀서 여기 글
해결
4
Annus
·
4년 이상
916
1
해결 4
제가 만드려는 기능 구현 방법에 대해 여쭤보고 싶습니다!! ( 프론트엔드 )
안녕하세요! 리액트로 카카오 하모니 페이지를 참고해서 사이트를 만들어 보려고 합니다!제가 궁금한것은 스크롤을 한번 내릴 때마다 컴포넌트가 변경 되는데, 이를 어떻게 구현해야 할지 잘 모르겠습니다 ㅠ그리고 각 컴포넌트가 바뀔 때마다 라우팅이 되는건지 궁금합니다!컴포넌트가 멈췄다가 스크롤을 할때 애니
답변
1
qudwnbj
·
4년 이상
377
0
답변 1
React Route Animation관련 질문입니다.
React 로 라우팅 할때ios 앱에서 페이지 전환될때처럼새로운 페이지가 아래서 올라오는 애니메이션을 적용시키고 싶습니다.React router dom 사용중입니다 부탁드리겠습니다
답변
0
프론트어
·
거의 5년
375
0
답변 0
css animation 질문드려요
animation이 적용된 div에 display:none을 하고 특정한 상황에서 display:block을하여 애니메이션을 실행시키고 싶은데 display:none이여도 애니메이션은 실행이 되더군요... 혹시나해서 visibility : hidden도 줘봤지만 결과는 동일했습니다. animation-play-state말고는 애니메이션을 멈추는건 없는건가요?
이전
1
2
다음
Search Bar
