2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

css keyframe animation은 반응형 제어 못하나요? 채택완료

굼떠
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 3,297
답변 1
목록
Copy 


0% {

          width: 0;

          opacity: 0;

        }

        100% {

          width: 45vh;

          text-indent: 0;

          opacity: 1;

        }

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

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

#script #css

답변 1개

채택된 답변
+20 포인트

media screen 밖에 keyframe 선언 하시고

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

Copy 


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

@keyframes init {

0% {설정값}

100% {설정값}

}

}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

엇 되네요 제가 시도했을땐 적용이 안됐었는데.. 답변 감사합니다!

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

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

로그인
🐛 버그신고