홈>
background-position-x에 애니메이션을 적용하고 싶지만
background-position: 0 0 !important;
가 있습니다.
내가 제거 할 수없는 CSS에. 자바 스크립트로 그 주위에 어떤 방법이 있습니까? 내 jQuery 코드가 작동하고 있음을 알았습니다 .CSS 값이 우선합니다.
구글 검색했는데
!important
를 추가 할 수없는 것 같습니다
내 애니메이션 기능에.
// 편집. 순수한 CSS로 이것을 할 수 있다면 더 좋을까요 ??
감사합니다!
jQuery(document).ready(function($) {
$('.section').animate({
'background-position-x': '100%'
}, 100000, 'linear');
});
// Edit 2. 이것은 실제로 작동하는 것 같습니다 :
@-webkit-keyframes animatedBackground {
from {
background-position: 0px 0px; }
to {
background-position: 100% 0px; }
}
.section {
-webkit-animation: animatedBackground 200s linear infinite;
-moz-animation: animatedBackground 200s linear infinite;
animation: animatedBackground 200s linear infinite;
}
// Edit 3. 사실, FF는 여전히! important로 재정의하고 keyframes 블록 안에! important를 추가해도 아무런 효과가없는 것처럼 보입니다. 아이디어? 감사합니다!
- 답변 # 1
관련 질문
- javascript : 글꼴 크기를 div 크기에 맞게 자동으로 조정하는 방법
- HTML /Javascript 버튼이 Safari (iPhone, macbook)에서는 작동하지 않지만 다른 브라우저 (Chrome 및 Samsung Internet)에서는 작동합니다.
- javascript : jQuery를 사용하여 CSS를 변경하는 방법은 무엇입니까?
- javascript : js를 사용하여 웹 사이트의 배경을 변경할 수 있습니까?
- JavaScript를 사용하여 HTML에서 색상으로 code 형식을 자동으로 지정
- javascript : 배치 후 배경 이미지 자르기
- javascript : jquery clone을 사용하여 맵의 이미지 타일을 복제 할 수 없습니다.
- javascript : 클릭이있는 드롭 다운 메뉴
- javascript : 슬라이딩 텍스트 입력 효과를 만드는 방법은 무엇입니까?
- javascript : Div는 jQuery를 사용하여 페이드 아웃 한 후 다시 나타납니다.
이것은 나를 위해 일하게되었다. 또한 바운스되도록 50 %를 추가했습니다!