왼쪽에서 오른쪽으로 CSS 배경을 밀어 넣으십시오.

Question

왼쪽으로 가져 가면 배경 슬라이드를 만들려고합니다. 그러나 더 이상 떠오르지 않을 때는 왼쪽으로 돌아가고 싶지 않습니다. 나는 그것이 오른쪽으로 가고 싶다. 나는 지시 here을 수행 한 내가 쓴 :

#wsite-menus .wsite-menu li a { 
background-position: 0 0 !important; 
background-size: 200% 100% !important; 
background-image: linear-gradient(to right, #1e1e1e 50%, #00b050 50%) !important; 
-webkit-transition: background-position 0.4s !important; 
-moz-transition: background-position 0.4s !important; 
transition: background-position 0.4s !important; 
} 

#wsite-menus .wsite-menu li a:hover { 
background-position: -100% 0 !important; 
} 

나는 배경이 다른 방향으로 슬라이드 만들기 위해 무엇을 추가 할 수 있습니까? 이것이 바보 같은 질문이라면 죄송합니다. 모두에게 답을 알고 있지만 CSS 전문가는 아닙니다. 미리 감사드립니다!

Answer 1

나는 링크의 mouseleave 이벤트에 클래스를 추가하는 JS를 할 것입니다. 이 클래스에는 이미지를 오른쪽으로 밀어내는 새 전환이 포함되며 원래 전환을 무시합니다.