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

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

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

javascript - 애니메이션을 표시하고 숨길 수 있는 좋은 솔루션이 있습니까?

예: 이 애니메이션과 동일한 효과가 있습니다. 먼저 div가 숨겨지고, 버튼을 클릭하면 애니메이션 효과가 나타납니다. 하지만 확실히 너무 복잡하게 작성했습니다. 더 간단한 솔루션이 있습니까(타사 라이브러리가 필요하지 않음)?

阿神 2017-06-30 09:59:55 0  5  1048

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05 0  4  785

이미지의 시작점과 끝점

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

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

Flexbox 레이아웃에 축소 가능한 요소를 삽입하는 방법

이미지가 둘러싸인 Flexbox 레이아웃이 있고 이미지를 클릭하면 일부 정보를 표시하고 싶습니다. 정보는 "열"을 이동하지 않고 이미지가 포함된 행과 바로 아래 행 사이에 나타나야 합니다. 이것이 제가 원하는 효과 유형입니다: http://olmenta.altervista.org(책을 클릭할 때). 내가 한 일은 다음과 같습니다. https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  375

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3793

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

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

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

ReactJS를 사용하여 요소를 숨기는 방법

화면에 텍스트를 표시하고 버튼을 눌렀을 때만 숨기고 싶은데 어떻게 해야 할지 모르겠습니다. 이 효과를 얻기 위해 useState를 사용하고 싶습니다. const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>제가 발견한 문제는 버튼을 클릭할 때 페이지가 다시 렌더링하면 가시성 값이 기본값이 됩니다.

P粉136356287 2023-09-07 19:21:22 0  2  496

PHP의 배열: 새 항목을 추가할 때 놀라운 결과

그래서 저는 Instaloaderpython 라이브러리에서 수집한 이미지를 수집하고 이를 제 웹사이트의 갤러리에 넣을 수 있는 코드를 작성하고 있습니다. 아무 문제 없이 이를 수집하고 표시했지만 이제 각 게시물에 대한 헤더를 구현하기 시작했고 문제가 발생했습니다. 라이브러리가 사진을 다운로드하는 방식은 컬렉션에 사진이 2개 이상 있을 경우 컬렉션에 있는 이미지의 위치를 ​​기준으로 게시물에 _1, _2 등의 접미사를 추가하고 .txt 파일을 제목. 수집용 샘플 폴더 내용 : 2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42 0  1  532

HTML 테이블의 이미지를 오른쪽 정렬하는 방법

저는 Django 웹사이트를 만들었고 상단에 작은 형태처럼 결과를 표시하고 싶습니다. 왼쪽에 테이블이 있는데 오른쪽 테이블에 두 장의 사진과 또 다른 열을 추가하고 싶습니다. 더 잘 설명하기 위해 다이어그램을 디자인했습니다. 여기에 이미지 설명을 입력하세요. 이제 양식 1과 표에 대한 코드를 작성했습니다. 백엔드 코드도 작성합니다. 이미지와 양식 2가 양식의 오른쪽에 있으므로 HTML 코드를 작성하는 방법을 알고 싶습니다. HTML 코드를 작성하면 표 아래에 표시됩니다. 누구든지 테이블 오른쪽에 그림과 양식 2를 추가하는 데 도움을...

P粉555696738 2023-09-02 09:04:11 0  1  630

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

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

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

javascript - 하이차트 데이터 렌더링 정보

이미지 설명 위 차트는 데이터를 동적으로 추가하는 코드입니다. xdata는 시간이며, 형식은 17:21:11로 인쇄 가능하며, y축도 정상적으로 인쇄 가능합니다. 그런데 이제 Y축 데이터는 정상적으로 렌더링이 되지만, x축은 표시가 안되는 효과를 기대해야 하는데 지금은...

習慣沉默 2017-06-26 10:53:06 0  1  865

css3 - 배경색 대신 CSS 글꼴 스타일과 채우기 색상 추가

다음과 같은 글꼴 스타일이 있습니다. 전체 스팬이 하트를 감싸는 대신 하트에 색상을 추가하려는 경우 색상 오류는 다음과 같습니다. 스팬의 정의는 다음과 같습니다. {코드...} 배경색을 추가하면 위의 그림이 나타납니다. 색상을 직접 사용하면 하트 모양의 테두리만 색칠됩니다.

天蓬老师 2017-06-08 11:02:27 0  2  1267

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

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

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

호버 시 기울기 효과 버그

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

javascript - 스와이프 이미지를 스와이프할 수 없습니다.

질문의 제목은 요청한 데이터가 없어서 Vue로 작성하여 가짜 데이터가 생성되었습니다. 이는 동적으로 생성된 img 태그이며 페이지에서 사용되는 것입니다. 그런데 Chrome을 열고 효과를 살펴보니 이건 스와이프도 안되고, 초기 이미지만 보이는데, 해당 사진의 동적으로 생성된 이미지도 다음과 같은 구조를 가지고 있는데 왜 그릴 수 없는 걸까요...

黄舟 2017-07-05 10:48:46 0  6  1273

다음 js는 일부 모바일 장치에서 구성 요소의 텍스트가 흐려집니다.

제목에서 알 수 있듯이 nextjs 페이지의 일부 텍스트가 흐릿하게 보이지만 일부 모바일 장치에서는 온라인으로 보이는 문제가 여전히 발생합니다. 나는 일부 iPhone에서 이것을 가장 눈에 띄게 발견했습니다. 콘솔을 사용하여 모바일 레이아웃을 테스트하는 경우 모바일 장치의 경우에도 마찬가지입니다. 이것은 내 페이지에 있는 두 가지 구성 요소의 문제일 뿐입니다. 두 카드를 뒤집어 뒷면을 볼 수 있습니다. 또한 Framermotion을 사용하여 애니메이션을 적용했습니다. 스타일 지정은 Tailwind를 통해 수행되며 페이지의 다른 부분...

P粉329425839 2023-09-12 21:31:00 0  1  651

javascript - 로컬에서는 작동하지만 서버에서는 작동하지 않는 이유는 무엇입니까?

로컬에서 html 파일을 생성하고, 다음 두 코드를 입력했는데, 서버에서는 왜 정상적으로 실행되지 않나요? 정상적으로 로컬에서 이미지를 확대 축소해서 서버에서 실행할 수 있는데 클릭해도 효과가 없나요? {코드...} {코드...}

ringa_lee 2017-05-19 10:47:15 0  2  920

그림자 복제 버전으로 메뉴 버튼을 x 모양으로 변환하는 호버 효과 만들기

먼저 제 제목이 혼란스럽다는 점을 인정하고 죄송합니다. 내가 달성하고 싶은 것은 hover에 대한 다음과 같은 효과입니다. 내 웹 사이트는 여기 https://wordpress-493302-3130963.cloudwaysapps.com/입니다. CSS 전환을 사용하여 달성하려는 목표의 절반을 성공적으로 달성했지만 그림자를 볼 수 없습니다. 위 이미지에 표시된 대로 만들기 버튼의 복사본입니다. 내 CSS는 다음과 같습니다.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  455

React 애플리케이션 성능 최적화: 많은 수의 프로젝트를 렌더링하는 효율적인 방법

저는 React 애플리케이션을 개발 중이며 많은 항목 목록(수천 행)을 표시해야 합니다. 현재 사용자가 목록을 스크롤하거나 항목을 필터링할 때 성능이 매우 느립니다. 사용자 경험을 향상시키기 위해 React 애플리케이션의 성능을 최적화할 수 있는 방법이 있습니까? 몇 가지 추가 정보: - 저는 React 함수 구성 요소와 후크를 사용하여 항목 목록을 렌더링하고 있습니다. - 목록의 각 항목에는 텍스트와 그림을 포함한 여러 데이터 필드가 포함되어 있습니다. -현재 내장된 지도 기능을 사용하여 항목 목록을 렌더링하고 있습니다. - 항목...

P粉733166744 2024-01-16 20:43:20 0  1  431