Css visibility:hidden에 관하여 질문입니다.

Question

visibility: hidden을 하면 솨아악(?)하는 애니메이션 효과가 있어서 이걸 활용해서 웹앱 처음 들어갈때 사진을 넣어서 인트로(?)느낌으로 하려고 하는데 너무 빨라서 delay를 주려고 합니다. 근데 transition-delay: 5s 를 해도 안되고 transition-duration을 해도 안되서 남깁니다. 딜레이 넣는법 알려주세요 ㅠㅠ

dandanny · Answer

delay는 사용하지 마시고, keyFrames으로 opacity 조정해서 0~30% 정도 0주고 70% 쯤에 0.5~0.7정도, 100% 때 1 주시면 될 거 같네요. 속도 조절은 animation-duration 조정 하시고요.

Css visibility:hidden에 관하여 질문입니다.

1개의 답변

Q&A 목록