목록T (1)

Enjoy Programming

CoCoa Talk 8 - 1 animation

키보드 만드는건 버리고 애니메이션 추가로 넘어 간다. 첫화면인 friends로 들어가면 카카오톡 화면이 뜨고 사라지는 것이다. div.splash-screen을 만들고 안에 로고? 아이콘을 넣어준다. 백그라운드 색상 변경을 해주고 높이 100vh 너비 100vw top0 flex, center로 만들어준다 내 경우 statusbar가 픽스드 되어 가장 높이 설정되어 있기 때문에 z-index를 100으로 줘서 제일 위로 오게 했다. 이제 전에 배웠던 애니메이션 효과를 주는 @keyframes를 쓴다 from {} to {} 구문을 활용해서 opacity를 조절해주고 #splash-screen에 animation : 애니명 1s ease-in-out을 설정한다 이렇게만 하면 애니메이션이 끝나면 다시 원래 ..
Clone Coding/cocoaTalk 2021. 4. 4. 14:29
이전 Prev 1 Next 다음