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

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

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

angular.js - 마우스로 가리키면 anglejs 레이블이 계속 깜박입니다.

Anglejs를 사용하여 마우스 오버 이벤트를 작성했을 때 마우스를 눌렀을 때 레이블이 계속 깜박이는 것을 발견했습니다. 각도 코드는 다음과 같습니다. {code...} 이 코드에 어떤 문제가 있습니까? 로그인이 성공할 때까지 마우스를 가리키면 Enter Home(홈 입력) 탭이 나타납니다. 문제를 파악해주세요...

巴扎黑 2017-05-15 17:07:12 0  3  695

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  462

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

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

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

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. Chrome의 문제인 것 같은데 확실하지 않습니다. 다음은 문제의 사진입니다: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  393

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  639

css - 각도 프런트 엔드는 ng-repeat의 내용을 어떻게 작성하고 실행합니까?

html 코드: {code...} js: {code...} js 지침: {code...} marquee.html {code...} 현재 효과는 다음과 같습니다: 한 줄이 아닙니다. 선으로 만드는 방법: 4<5<6이 표시되고 마우스가 4로 이동하면 스크롤이 중지되고 프롬프트가 표시됩니다.

给我你的怀抱 2017-05-15 17:04:09 0  4  667

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  598

javascript - 특정 요소의 상단으로부터의 거리를 얻기 위해 휴대폰 화면을 슬라이드하는 방법은 무엇입니까? 동시에 이 값을 다른 함수에서 참조할 수 있나요?

제목에서 알 수 있듯이 제가 원하는 것은 휴대폰 화면을 슬라이드하는 것입니다. 요소가 위에서 특정 값(예: 200px)에 도달했을 때 화면에 나타나는 팝업 버튼을 클릭하면 해당 요소의 위치가 변경됩니다. 팝업 레이어는 위에서 200px이 됩니다. {Code...} Want 이 효과가 달성되고 거리 값을 얻을 수 있지만 show 함수에서는...

PHPz 2017-05-18 11:02:18 0  2  620

사이트에 CSS 스타일이 적용되지 않음

Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경이 변경되어 전환 효과가 나타납니다. 이것부터 이것까지 되어야 합니다. 그런데 사이트의 배경색을 임의의 색상으로 변경하려고 하면 변경사항이 사이트에 나타나지 않기 때문에 HTML에 연결된 CSS에 문제가 있을 수 있다고 생각합니다. @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  658

javascript - 마우스를 구현하여 div 프레임을 그리고 div에 포함된 dom 요소를 얻습니다.

이 효과와 유사하게 마우스를 이동하고 div 상자를 당겨 div가 포함하는 dom 요소를 선택합니다. 구현할 수 있는 좋은 아이디어가 있습니까? 제가 생각해낸 방법은 div의 offsetLeft, offsetTop과 선택해야 하는 각 요소의 offsetLeft, offsetTop을 판단하는 것입니다.

仅有的幸福 2017-05-19 10:09:21 0  4  611

태그를 사용하여 VEGA에서 직접 레이아웃 강제하기

각 노드에 대한 레이블을 표시하는 강제 지정 레이아웃을 사용하여 VEGA에서 네트워크 다이어그램을 만들려고 합니다. 이 질문에는 가능한 접근 방식이 언급되어 있습니다. Vega 편집기를 참조하면 레이블이 존재하지만 일부 중복되고 시각적으로 어수선한 문제가 있음을 관찰할 수 있습니다. 그래서 노드 위로 마우스를 가져갈 때 레이블이 표시되고 다이어그램에서 강조 표시되고 고정된 상태로 유지되는 이 예와 비슷한 것을 달성할 수 있는지 궁금했습니다. "텍스트" 필드에 몇 가지 변경을 시도했지만 그보다 더 복잡할 수도 있습니...

P粉882357979 2024-02-26 18:46:59 0  2  442

VS 코드 프로젝트에 Tailwind CSS가 적용되지 않습니까?

저는 Laravel10.18.10을 사용하여 프로젝트를 개발 중이며 VScode에서 tailwind 확장을 다운로드했습니다. tailwind 코드를 적용하려고 하면 프로젝트에 적용되지 않는 것 같습니다. 코드 위로 마우스를 가져가면 다음과 같은 팝업이 나타납니다. 하지만 표시된 페이지에는 적용되지 않습니다. 그런데 표시된 페이지는 /resources/views 디렉터리에 저장되어 있습니다. 이 문제의 원인을 아는 사람이 있습니까? Headwind 확장 프로그램을 다운로드해 보았으나 역시 작동하지 않았습니다. 나는 두 단어로 원한다

P粉521697419 2023-08-16 18:34:03 0  2  514

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

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  631

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1052

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  538

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  734