이전 목록 다음
채택완료

css keyframe animation은 반응형 제어 못하나요?

굼떠
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-02-21 (수) 10:59:46 3,887
Copy 
0% {

          width: 0;

          opacity: 0;

        }

        100% {

          width: 45vh;

          text-indent: 0;

          opacity: 1;

        }

반응형 사이트를 제작중인데 가로가 늘어나는 애니메이션을 media screen에 넣었더니 작동을 안하네요.

혹시 jquery로 제어가 가능할까요??

script css
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
디디웹시
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-02-21 (수) 15:52:20

media screen 밖에 keyframe 선언 하시고

원하시는 media screen 안에 바꾼 설정 넣으시면 되요

Copy 
media screen and (max-width:1280px) {

@keyframes init {

0% {설정값}

100% {설정값}

}

}

답변에 대한 댓글 1개

굼떠
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2024-02-28 (수) 13:15:35
엇 되네요 제가 시도했을땐 적용이 안됐었는데.. 답변 감사합니다!

답변을 작성하려면 로그인이 필요합니다.