javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  951

선생님의 코드를 따르면 왜 null이 출력되나요?

선생님의 코드를 따르면 왜 null이 출력되나요?

　顾与相识 2018-07-17 22:25:14 0  1  1337

버튼을 클릭할 때 이 애니메이션 클래스를 모달에 어떻게 추가할 수 있나요?

모달에서 "x" 버튼을 클릭하면 애니메이션이 발생하기를 원하지만 현재는 애니메이션이 없이 모달이 닫히고 모달을 다시 열면 아무 것도 클릭하지 않고 애니메이션이 발생하는 상황이 발생합니다. 이것은 현재 애니메이션 클래스 코드입니다. .scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19 0  1  491

그리드 레이아웃 확장에 애니메이션을 적용하는 방법은 무엇입니까?

그리드 레이아웃의 확장에 애니메이션을 적용하는 방법을 알고 싶습니다. 코드에서 볼 수 있듯이 4개의 div가 있습니다. 그 중 두 개가 표시되고 나머지 두 개는 확인란을 선택한 경우에만 표시됩니다. 확인란을 선택하면 div3 및 div4가 포함된 다른 행이 추가됩니다. 확장 프로그램에 애니메이션을 적용하려면 어떻게 해야 하나요? 그리드의 크기를 작게 유지하는 것이 가장 좋습니다. 애니메이션이 (존재하지 않는) 여백에 영향을 미치는 것을 원하지 않습니다. 또한 JavaScript 없이 이 작업을 수행하고 싶습니다. 가능합니까? <...

P粉937382230 2023-08-31 21:09:37 0  1  526

jquery 토글 너비 애니메이션을 중간에 중지하고 다시 닫는 방법은 무엇입니까?

이 질문이 혼란스러울 수도 있지만 예를 들어 보겠습니다. 너비를 전환하는 버튼을 클릭하면 버튼을 누른 후에도 div가 계속 애니메이션을 실행하는데 이는 이상해 보이지 않습니다. 내가 원하는 것은 div가 중간에 멈추고 다른 방향으로 이동하고 버튼을 다시 눌렀을 때 기존 애니메이션이 완료되지 않는 것입니다. $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40 0  2  417

마우스를 올리면 애니메이션이 일시 중지되지만 마우스가 떠나면 계속되는 방법

나는 여러 가지 솔루션에 지쳤으며 이것이 내가 얻은 가장 가까운 솔루션입니다. 하지만 그 결과는 여전히 만족스럽지 않습니다. 마우스가 요소를 벗어나면 요소가 원래 회전으로 되돌아가기 때문입니다. 아이디어는 요소 위로 이동하면 마우스가 요소를 벗어나더라도 애니메이션을 트리거한다는 것입니다. 요소 위로 마우스를 가져가면 애니메이션이 재생되어 0도에 유지되고, 마우스가 떠나면 다른 애니메이션이 재생되어 다시 -8도로 회전합니다. consstelements=document.getElementsByClassName('로타

P粉786800174 2024-04-01 09:43:54 0  1  505

vim 명령을 사용하여 iterm2에서 파일을 열 수 있습니다. vim이 마우스 위치 지정을 지원하도록 만드는 방법은 무엇입니까?

문자를 클릭하면 커서가 해당 문자의 위치로 이동합니다. 처음 vim을 사용하기 시작했을 때 나는 macvim이 기본적으로 마우스 위치 지정을 지원한다는 것을 알았습니다. 그런데 iterm2에서는 작동하지 않습니다. 어딘가에 설정이 없나요?

我想大声告诉你 2017-05-16 16:42:45 0  1  626

마우스가 요소 위로 마우스를 가져가는 것을 멈췄는지 어떻게 알 수 있나요?

자바스크립트나 CSS를 사용하여 요소 위로 마우스를 가져가는 것을 중지하는 방법을 알고 싶습니다. 마우스를 위에 올리면 배경 색상이 바뀌는 애니메이션을 만들고 있는데, 마우스가 해당 요소 위에 마우스를 올리면 애니메이션도 추가하고 싶습니다. 어떻게 해야 하나요?

P粉547420474 2024-03-31 13:28:28 0  1  409

javascript - 캔버스 페이지에서 마우스를 클릭하면 점의 위치가 그려진 선 위에 있는지 확인하는 방법은 무엇입니까? 그려진 선에서 뭔가가 이벤트를 트리거합니까?

아래에는 밑줄이 그어진 코드 세 부분이 있습니다. 편집 모드에 들어가면 왼쪽 마우스 버튼을 클릭할 때 vcanvas의 해당 위치가 기록됩니다. 내가 클릭한 점이 내가 그린 선분에 있는지 어떻게 알 수 있나요? //밑줄 친 키코드입니다. {code...}

世界只因有你 2017-06-13 09:24:19 0  1  1204

javascript - 왜 기업에서는 Node를 백엔드로 거의 사용하지 않습니까? 기존의 Java, PHP, Python 백엔드와 비교할 때 Node의 장점은 무엇이며 어떤 용도로 적합한가요?

왜 기업에서는 Node를 백엔드로 거의 사용하지 않습니까? 기존의 Java, PHP, Python 백엔드와 비교할 때 Node의 장점은 무엇이며 어떤 용도로 적합한가요?

三叔 2017-06-28 09:23:09 0  1  1201

Browsersync를 설치할 때 튜토리얼을 따라했는데 vue 버전을 확인해보니 명령창에 vur가 명령이 아니라는 메시지가 뜹니다.

예를 들어 'vue'는 내부 또는 외부 명령도 아니고 실행 가능한 프로그램이나 배치 파일도 아닙니다. Browsersync를 설치할 때 튜토리얼을 따라했는데 vue 버전을 확인하면 vur가 아니라는 메시지가 나타납니다. Browsersync를 설치할 때 튜토리얼을 따라했는데 vue 버전을 확인하면 명령창에 vur가 명령이 아니라는 메시지가 나옵니다. vr은 Browsersync를 설치할 때 명령이 아닙니다.

布拉德皮特·老王 2019-06-05 09:34:24 0  1  1123

useframe으로 인해 three.webglrenderer:컨텍스트가 손실되었습니다.

useFrame을 사용하여 React3FiberdreiBox 구성 요소의 크기에 애니메이션을 적용하려고 합니다. useFrame 함수를 추가하기 전까지는 지오메트리가 제대로 작동했는데, 이로 인해 브라우저에서 THREE.WebGLRenderr:ContextLost 오류가 발생하고 재렌더링이 방지되었습니다. importReact,{useRef}from'react';import{Box}from'@react-3/drei';import{useF

P粉025632437 2024-03-19 22:29:33 0  1  463

게임 개발 - MVC의 애니메이션(모델)을 이해하는 방법은 무엇입니까?

MVC에서는 데이터가 모델에 저장되고 뷰는 모델의 데이터에 따라 렌더링됩니다. 그러나 애니메이션의 경우 그라디언트 프로세스 중에 일부 상태가 생성되며 이러한 상태는 속하지 않습니다. 이를 위해 MVC 모델은 다음의 요구 사항을 어떻게 해결합니까?

巴扎黑 2017-05-16 17:06:27 0  1  479

수정된 제목: 3D 표면에 2D 이미지를 렌더링하는 데 어려움이 있음

YouTube에서 코드 튜토리얼을 진행 중인데 13개의 정이십면체 기하학 구가 내 화면에 성공적으로 렌더링되는 문제가 발생했습니다. 그러나 비디오는 내가 공 위에 표시하는 2D 이미지를 보이지 않게 만듭니다. 내 콘솔에는 오류가 없습니다. 이 프로젝트는 Three.js와 tailwindcss입니다. 타이프스크립트가 없습니다. 참고: 이것은 나의 첫 번째 thrre.js 프로젝트이며 독학한 경로를 따르는 소프트웨어 개발이 아직 처음입니다. 귀하의 인내심, 이해 및 도움에 감사드립니다. 매우 감사합니다. 공의 측면에 올바르게 렌더링하기...

P粉891237912 2024-01-10 17:59:41 0  1  538

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  526

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  846

전환을 통해 브라우저 크기에 맞게 텍스트 크기 조정

버튼 위로 마우스를 가져갈 때 브라우저의 100% 크기로 조정하고 싶은 텍스트가 있습니다. 이 텍스트를 브라우저/컨테이너에 맞추려면 어떻게 해야 합니까? 나는 글꼴 크기를 사용하여 글꼴 크기:100vw와 같은 작업을 수행할 수 있다는 것을 알고 있지만 글꼴 크기의 애니메이션은 매우 불안정하므로 이 방법을 사용할 수 없습니다. http://jsfiddle.net/0n15mfyL/ 지터에 대해 궁금한 분들을 위해 글꼴 크기를 줄이면 눈에 띄게 나타납니다. http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22 0  1  745

조건부로 className을 CSS 모듈로 변경(React)

사용자가 내 웹사이트의 탐색 표시줄 위로 마우스를 가져갈 때 애니메이션을 재생하려고 합니다. 마우스가 탐색 모음 위에 있는지 여부에 따라 CSS 모듈을 변경하여 이를 달성하려고 합니다. 이 코드가 작동하지 않는 이유를 알아내려고 노력 중입니다. 어떤 도움이라도 대단히 감사하겠습니다! Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17 0  1  552

마지막에 CSS 애니메이션을 최종 상태로 유지

CSS에서 opacity:0으로 설정된 일부 요소에 대해 애니메이션을 실행하고 있습니다. 불투명도를 0에서 1로 변경하는 키프레임을 사용하여 onClick 이벤트에 애니메이션 클래스가 적용됩니다(및 기타 몇 가지 변경 사항). 불행하게도 애니메이션이 끝나면 요소는 불투명도:0(Firefox와 Chrome 모두에서) 상태로 돌아갑니다. 내 본능은 애니메이션 요소가 원래 속성을 무시하고 최종 상태로 유지된다는 것입니다. 이것이 사실이 아닌가? 그렇지 않다면 어떻게 요소를 최종 상태로 유지할 수 있습니까? 코드(접두사 버전 제외): @k...

P粉950128819 2023-08-20 18:36:55 0  2  687

후속 클래스가 요소에 추가될 때마다 CSS 애니메이션을 실행하는 방법

요소에 애니메이션을 적용할 수 있도록 CSS 애니메이션 클래스를 설정했습니다. 입력 버튼을 클릭하면 이 클래스가 추가되고 예제의 입력 버튼을 클릭할 때마다 화면으로 날아가도록 하고 싶습니다. 그러나 처음에만 작동하며 후속 입력 클릭에서는 요소에 애니메이션이 적용되지 않습니다. 내가 여기서 무엇을 놓치고 있는 걸까요? $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  566