css keyframe animation은 반응형 제어 못하나요?
본문
0% {
width: 0;
opacity: 0;
}
100% {
width: 45vh;
text-indent: 0;
opacity: 1;
}
반응형 사이트를 제작중인데 가로가 늘어나는 애니메이션을 media screen에 넣었더니 작동을 안하네요.
혹시 jquery로 제어가 가능할까요??
답변 1
media screen 밖에 keyframe 선언 하시고
원하시는 media screen 안에 바꾼 설정 넣으시면 되요
media screen and (max-width:1280px) {
@keyframes init {
0% {설정값}
100% {설정값}
}
}
엇 되네요 제가 시도했을땐 적용이 안됐었는데.. 답변 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.