#15_PC Web 인터렉션<스킬업 챌린지>

 

오늘은 마선생님의 PC Web UI 강의를 들었다

버튼을 클릭하면 자연스럽게 옆으로 넘어가는 인터렉션 ~~

 

인터렉션은 할 때는 이해가 되는데 응용이 넘 어렵다 ㅠ_ㅠ

아직 이해가 부족 한거겠지..?

 

웹사이트 만들때 써먹어야겠다

 

배경색을 어둡게 깔고 은은하게 컬러를 넣으니까 뭔가 있어보이는..!

 

 

가운데 메인 이미지가 있고

우측 버튼을 누르면 이미지가 자연스럽게 교체되는 인터렉션

 

 

 

눈을 꺼놔서 안보이지만 오른쪽 끝에

나머지 색상의 아이폰 이미지가 숨어져있음

 

 

 

메인 프레임 복사 붙여넣기 후

배경컬러 변경, 아이폰 이미지 변경

 

여기도 숨겨놔서 보이진 않지만

왼쪽에 이미지가 숨어있다

 

Smart animate 1000ms

하면 아래의 모션이 나타남

 

 

근데 Black -> Blue는 자연스러운데

Blue -> Green하면

블루가 모퉁이로 숨어버림 ..

 

와이라는겨..

진짜 하찮다 ㅋㅋㅋㅋ ㅠ

다음시간에 수정해보는걸로..