마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  441

Vue.js 동적 그림 표시 기능이 실패합니다.

저는 vue.js의 초보자이고 이미지를 동적으로 표시하려고 하는데 동적 표시에 문제가 있습니다. 수동으로 변경하면 제대로 작동합니다. 약간의 차이점이 있지만 유사한 질문을 많이 찾았지만 그 중 어느 것도 도움이 되지 않았습니다. 이것은 내 구조입니다: -src--assets---pizza----pizza-1.jpg----pizza-2.jpg---hamburger----hamburger-1.jpg---- hamburger -2.jpg---fr

P粉216807924 2023-08-20 11:03:39 0  1  585

html5 - vue 기반 이미지 보기, 어떻게 구현하나요?

효과는 WeChat Moments에서 사진을 보는 것과 동일합니다. 긴 사진을 보고, 확대하고, 사진 수를 표시할 수 있습니다.

怪我咯 2017-05-16 13:42:53 0  1  467

세션 사용 후 이미지 확인 코드에서 오류가 보고됨

세션이 열려 있지 않을 때의 효과입니다. (인증코드 사진은 정상적으로 표시될 수 있습니다.) --------------- --화려한 구분선-- ---------------------------이것은 세션을 연 후 효과(그림 표시 없음)------------------------- -------- -------------

富贵 2017-10-04 01:31:24 0  2  1422

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

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

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

javascript - forEach 루프 이후 마지막 데이터만 출력됩니까?

코드에 표시된 것처럼 foreach 루프 이후에 생성된 데이터는 마지막 데이터만 생성됩니까? 내 console.log(index); 콘솔은 0, 1, 2, 3, 4를 인쇄할 수 있지만 페이지에 최종적으로 표시되는 그림은 다음과 같은 경우 모두 그림입니다. {코드...} 페이지에 표시되는 효과는 다음과 같습니다. 사진은 모두...

高洛峰 2017-05-19 10:09:07 0  3  691

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

c++ - Qt의 QML 인터페이스 디자인, 실행 후 그림을 표시할 수 없습니다.

위와 같이 실행 후 효과는 다음과 같으며, 사진이 표시되지 않는 이유는 무엇입니까? 감사합니다

漂亮男人 2017-05-16 13:29:46 0  1  761

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. 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  358

javascript - 지도의 아이콘으로 마우스를 이동한 후 표시된 콘텐츠를 아이콘을 기준으로 중앙에 배치하는 방법에 대한 JS 및 CSS 문제입니다.

아래 그림과 같이 오른쪽이 제가 원하는 효과입니다. 즉, 지도의 빨간색 위치 아이콘 위로 마우스를 이동하면 표시되는 사진과 콘텐츠가 아래 위치 아이콘을 기준으로 중앙에 배치됩니다. 왼쪽은 제가 만든 효과입니다. 변위가 너무 심각합니다. 다음은 내 HTML 코드입니다. {code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  861

javascript - 사진을 표시하기 위해 WeChat 웹 페이지에서 카메라 인터페이스를 호출하는 문제와 관련하여?

WeChat의 이미지 선택 또는 카메라 인터페이스를 호출하여 이미지의 localId를 가져온 후 <img src=localId>를 통해 이미지를 표시할 수 있나요? 그렇지 않다면 어떻게 이미지를 표시할 수 있나요?

过去多啦不再A梦 2017-05-19 10:43:05 0  2  623

python - 플라스크 리디렉션 리디렉션 문제가 있습니까?

코드는 다음과 같습니다. 사진을 성공적으로 업로드한 후 사진을 표시할 수 없습니다. {코드...} {코드...} --- -------업데이트------ ------인덱스 라우팅을 수정하여 원하는 효과를 얻었습니다. {코드...} 그런데 이전 아이디어가 잘못되었나요?

phpcn_u1582 2017-05-18 10:48:50 0  1  830

javascript - 모바일 선택 플러그인이지만 데이터는 자체적으로 정의됩니다.

오른쪽의 효과와 유사하지만 내부의 데이터는 우선 모바일 단말기의 효과입니다. 배경에서 얻은 데이터.

PHP中文网 2017-06-14 10:54:06 0  2  646

이미지가 원활하게 표시되지 않는 것에 대한 질문

동일한 코드를 가지고 있는데 파일 경로가 정확합니다. URL의 이미지가 표시되지 않는 이유는 무엇입니까? 본문에 a를 쓰면 이미지가 원활하게 표시될 수 있습니다.

昕旸 2019-04-02 13:57:09 0  3  1017

MUI 툴팁의 배경색을 변경하는 방법은 무엇입니까?

"?" 사용자가 아이콘 위로 마우스를 가져가서 텍스트 필드에 입력해야 하는 데이터에 대한 사양을 얻을 수 있기를 바랍니다. MUI의 기본 호버는 흰색 텍스트가 있는 회색이지만, 회색 텍스트와 더 큰 글꼴이 있는 흰색 호버를 원합니다. 를 사용하면 글꼴 크기와 색상이 잘 작동하지만 배경색을 변경하면 마우스를 올리면 텍스트 필드 주위에 회색 테두리가 나타납니다. hover.js 구성 요소는 다음과 같습니다.exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  837

이미지의 시작점과 끝점

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

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

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  581

CSS를 사용하여 이미지 경로를 변경하면 작동하지 않습니다.

CSS의 이미지 경로는 정적 웹사이트에서 수정된 후 서버에 업로드되며, 웹사이트를 열면 수정되지 않은 원본 효과가 표시됩니다. 수정된 이미지는 어떻게 해야 할까요? 처리됐나요? 감사합니다!

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1665

트위터에 기본 이미지를 로드하는 방법은 무엇입니까?

트위터에서는 이미지가 로드되지 않으면 기본 이미지가 표시됩니다. 이는 background-image 속성의 배경 이미지가 아니라 img 태그에 의해 소개된 이미지입니다. 문제는 표시되어야 하는 이미지가 로드되지 않았다는 것을 트위터가 어떻게 판단했느냐는 것입니다.

巴扎黑 2017-05-19 10:27:20 0  2  645

도움 찾기: 위치에 따라 차트에 데이터 레이블을 영구적으로 표시하는 방법

이러한 데이터 레이블을 차트에 영구적으로 표시하여 마우스 오버 시뿐만 아니라 항상 표시되도록 하고 싶습니다. 누구든지 나를 도와줄 수 있나요? [여기에 이와 비슷한 예가 있습니다.] 저도 코드를 적어두었습니다. (https://i.stack.imgur.com/TY8X1.png) 원형 차트 예제 //캔버스 요소 가져오기 varcanvas=document.getElementById('pieChart');//원형 차트 만들기 varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18 0  1  523