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

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

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

javascript - svg 초보자, svg에 그림을 삽입하고 싶습니다

코드는 위와 같습니다. svg에 그림을 삽입하고 그림에 애니메이션을 적용하고 싶지만 효과가 없습니다.

代言 2017-06-24 09:44:02 0  1  911

HTML5는 그림의 페이드인, 페이드아웃과 다양한 그림의 역동적인 효과를 구현합니다.

泺。 2017-09-29 16:35:57 0  1  1824

javascript - vue에서 경로 전환에 문제가 있습니까?

Vue는 경로에 컷씬 애니메이션 페이드인 및 페이드아웃 효과를 추가합니다. 구성요소는 제거되면 페이드아웃되지만, 들어가면 즉시 들어가고 페이드인되지 않습니다. 이 두 단계 사이에서 페이지는 공백. 다음은 공식 웹사이트에서 복사한 내 코드입니다: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  766

javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다. jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 적용합니다. 그런데 반응이 어떨지 모르겠어요...

世界只因有你 2017-05-18 10:58:34 0  2  761

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  854

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46 0  1  424

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  523

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  439

내 웹사이트에 내 이미지가 표시되지 않는 이유는 무엇입니까?

애니메이션 바닥글을 만들려고 합니다. 코드에 이미지를 넣으려고 하는데 표시되지 않습니다. 편집 지침에 따라 코드 편집을 시도했지만 여전히 이미지가 표시되지 않습니다. 내 CSS 파일은 wave.png와 같은 폴더에 있지만 wave.png는 같은 폴더 내의 다른 폴더에 있습니다. 이것이 문제인지 잘 모르겠습니다. 필요한 경우 전체 코드를 표시할 수도 있습니다. footer.wave{position:absolute;top:-100px;left:0;width:100%;he

P粉724256860 2024-02-21 20:28:09 0  1  391

vimrc - vim은 작업 디렉터리에서 jpg 파일을 자동으로 감지한 다음 파일 수에 따라 내용을 자동으로 채우는 복잡한 요구 사항을 실현할 수 있습니까?

내 필요는 작업 디렉토리에서 이미지를 감지한 다음 page.html에서 해당 img 태그를 채우는 것입니다. 제가 수동으로 적용한 효과와 같습니다.

PHPz 2017-05-16 16:34:42 0  2  677

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  996

Phaser가 타일 맵을 로드하지 못했고 화면에 검은색 화면만 표시되었습니다.

타일 ​​맵 편집기에서 생성된 타일 맵을 로드하려고 합니다. 이를 json 파일로 내보내 타일 세트와 함께 공용 폴더의 자산 폴더에 배치했습니다. 캔버스에 나타나는 것은 모두 검은색이다. 변화가 있는지 확인하기 위해 카메라 위치를 변경해 보았으나 소용이 없었습니다. 오류 메시지가 표시되지 않으며 네트워크 탭에서 지도와 타일셋 로드를 볼 수 있습니다. 이 문제에 대한 답을 찾을 수 없습니다. 내 main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  693

F12를 사용하지 않고 CSS 배경 이미지의 슬라이딩 효과를 얻는 방법은 무엇입니까?

현재 CSS와 HTML을 사용하여 웹사이트를 만들려고 하는데 배경 이미지를 슬라이드하고 이동할 수 없는 것 같습니다. VisualStudioCode를 사용하고 Google에서 코드를 실행했지만 이동하지 않지만 디버깅하기 위해 F12를 누르면 이동합니까? ! 내 코드는 다음과 같습니다. body{Background-color:black;margin:0;padding:0;Background-image:url("올바른 URL이 있습니다.

P粉903969231 2023-08-14 19:47:48 0  1  658

Vite Reactjs 웹 사이트 앱이 프로덕션에서 API를 호출하지 않지만 localhost에서는 제대로 실행됩니다.

Netlify에 내 애플리케이션을 배포하려고 합니다. 랜딩 페이지는 일련의 이미지를 가져와 갤러리 효과를 만듭니다. 로그인 페이지가 로컬 컴퓨터에서 제대로 실행되고 있지만 배포 후 API가 호출되지 않고 애플리케이션이 로드 상태에 있습니다. Netlify 서버의 로그인 페이지. 개발 도구의 네트워크 탭에서 API가 localhost, localhost 네트워크 탭에서 호출되고 있고 개발 서버에서 API 요청이 실행되지 않는 것을 발견했습니다. 서버 네트워크 탭을 배포합니다. API 호출에 대한 코드는 API 호출 코드입니다. 어떻게...

P粉794177659 2023-08-10 16:32:46 0  1  644

내 웹사이트가 데스크톱에서는 제대로 표시되지만 모바일 화면에서는 표시되지 않습니다.

나는 HTML/CSS를 사용하여 개인 웹사이트를 디자인합니다. 그러나 텍스트는 전화 크기에 맞게 조정되지 않습니다. 아래 그림을 참고해주세요. 웹사이트는 데스크톱에서는 보기 좋게 보이지만 모바일 장치에서는 제대로 표시되지 않습니다. 내 Google 드라이브 삽입이 휴대폰 화면에 맞지 않습니다. 내 전화기에 GGDPDF가 포함되어 있다고 표시됩니다. 이 문제를 해결하려면 어떻게 해야 합니까? 매우 감사합니다. 내 코드는 다음과 같습니다. HTML<!DOCTYPEhtml><html><head><ti...

P粉827121558 2024-03-30 15:09:41 0  1  518

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  829

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  730

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  619

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  581