호버 해제 후 요소의 원래 값으로 애니메이션을 쉽게 만들려고합니다. 애니메이션 그 자체는 괜찮습니다. 하지만 요소를 가져 가면 원래 상태 인 으로 즉각적으로으로 되돌아갑니다. 반면에은 0.230 입니다. 어떤 도움이 필요합니까? img.footer {
filter: grayscale(1);
-webkit-filter: grayscale
저는 키 프레임을 처음 사용하고 워드 프레스의 의사 요소에서 애니메이션을 실행하려고합니다. 왜 작동하지 않는 나는 운동을 할 수 없다. 나는 비슷한 질문과 포럼을 읽었지만 아무 소용이 없습니다. 저는 결국 실제로는 왼쪽과 오른쪽으로 움직이기를 원하지만 테스트를 위해 스핀 키 프레임을 잡았습니다. 내가 시도하는 코드는 다음과 같습니다 나는 그 문제이었다 어쩌
여기 간단한 코드를 움직이는 코드입니다. 그러나 문제는 갑자기 깜박이고 줄어드는 것을 볼 수 있듯이 이 전체 크기로 커질 때 속도를 늦추고 싶습니다. 누군가 나를 도울 수 있습니까? html {
background: black;
overflow: hidden;
height: 100%;
}
.loader
간단한 페이지에서 작업하고 있습니다. 학과 목록이있을 것이며, 선택되면 정보가 아래에 표시 될 것입니다. 펜이 here인데 내가 찾고있는 기능이 있지만 애니메이션이 처음로드 될 때 작동하지만 다른 모든 섹션은 처음으로 애니메이션이 표시 될 때 작동합니다. 그 후에 그들은 애니메이션과 함께 아무 문제없이 표시됩니다. @keyframes fadeIn {
Firefox에서 작동하지 않습니다. 배경색, 색상 및 테두리를 변경하는 메뉴 항목 앵커에 애니메이션을 적용했습니다. 애니메이션은 MS IE, Chrome, Opera에서 잘 작동하지만 Firefox에서는 작동하지 않습니다. 이 내 CSS를 @keyframes입니다 : @-webkit-keyframes button-flash {
0% {backg
호버 효과 (척도)를 사용하여 @keyframes (회전) 기반 combinig CSS 애니메이션에 문제가 있습니다. 'm 신인 선수 - 그건 분명하다). 어떤 종류의 애니메이션 배경을 만들고 싶습니다. 1. 작은 기호/문자/아이콘 (무엇이든)이 움직이고 있습니다 (일부는 돌아 다니며, 일부는 X 또는 Y 축); 2 : 마우스를 올리면 성장합니다 (그러나
모양이 애니메이션/그려져 있고 괜찮습니다. 애니메이션이 끝나면 몇 초 동안 모양이 페이지에 남아 있습니다. 처음으로 CSS 애니메이션을 시험해 본 이유는 그것이 페이지에서 사라지는 이유를 완전히 이해하지 못했기 때문에 실제로는 분명하지만 도움이 될만한 포인터라고 생각합니다. body {
background-color: #fff;
}
버튼을 클릭 할 때 내 맞춤 요소를 200 픽셀 오른쪽으로 이동시키고 싶습니다. 요소가 클릭시 이동하기 시작합니다. 애니메이션에서 버튼을 다시 클릭하여 중지하고 요소가 초기 상태 (현재 상태에서 역 애니메이션)로 애니메이션 반환되도록 할 수 있어야합니다. 나는 CSS 전환과이를 달성 : 이 var state = false;
var button = do
keyframes 및 display: none;을 사용하여 슬라이드 다운 애니메이션으로이 피들을 발견했습니다. 그것은 완벽하게 작동합니다. 어떻게하면 같은 애니메이션을 만들 수 있습니까?하지만 슬라이드 아웃과 마찬가지로 컨테이너가 사라지면 어떻게됩니까? 이 기존의 피들 (fiddle)에서 무엇을 바꾸어야합니까? https://jsfiddle.net/simu
스크롤 할 때 부트 스트랩 진행률 막대에 애니메이션을 적용하고 싶습니다 (애니메이션을 다시 스크롤해야 할 때마다). 필자는 stackoverflow에서 솔루션을 찾았지만 적용했을 때 아무 것도 작동하지 않으므로 진행 막대는 스크롤이 아니라 페이지로드에서 여전히 '이동'합니다. 나는 js/jquery와 keyframes로 라이브러리를 사용하지 않고 그냥하고