모바일에서 animate 적용 안되게 할려면
본문
페이지에 애니 효과를 넣기 위해서 animate.css를 아래처럼 되어 있다면
모바일에서는 이 css가 적용되지 않게 할려면 어찌 해야 하나요?
페이지서 적용은 아래처럼 하고 있습니다.
<div class="container wow fadeInUp">
</div>
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
답변 1
가장 쉬운방법은 애니메이션 CSS 를 파일로 만들어서
PC 에서는 불러오고 모바일에서는 안불러오면 작동안할꺼같은데요 ?
if ( !G5_IS_MOBILE ) { echo '<link rel="stylesheet" href="animation.css">'.PHP_EOL; }
이러면 PC 에서는 불러오지만 모바일에서는 해당 css 자체를 안불러오니 작동도 안할꺼같네여.
답변을 작성하시기 전에 로그인 해주세요.