>

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

    이것은 나를 위해 일하게되었다. 또한 바운스되도록 50 %를 추가했습니다!

    @-webkit-keyframes animatedBackground {
      from {
        background-position: 0px 0px; }
      50% {
        background-position: 100% 0px; } 
        to {
        background-position: 0px 0px; }
    }
    .section {
      -webkit-animation: animatedBackground 200s ease infinite;
      -moz-animation: animatedBackground 200s ease infinite;
      animation: animatedBackground 200s ease infinite; 
    }
    
    

  • 이전 r - 길이가 다른 두 데이터 프레임을 병합 할 때 특정 열 반복 (붙여 넣기?)
  • 다음 arrays - 반복하는 동안 제거하지 않고 CurrentModificationException이 발생하는 이유는 무엇입니까?