변환된 요소가 넘치는 것을 방지하고 자동으로 잘라내는 방법은 무엇입니까?

저는 친구의 개인 웹사이트를 위한 모달 갤러리를 만들기 위해 Bootstrap4를 사용하고 있습니다. 마우스를 올리면 이미지가 확장되도록 설정했지만 오버플로를 자동으로 설정하면 모달(또는 div) 가장자리에서 잘립니다. 갤러리는 탭 집합의 세 번째 탭이기도 하지만 모두 훌륭하게 작동합니다. Overflow-auto 클래스가 있는 div를 변경하려고 시도했지만 모두 다르게 태그를 지정해 보았지만 무엇을 시도해도 갤러리가 스크롤되고 내 이미지가 스크롤되도록 만드는 방법을 알 수 없습니다. 마우스 오버 시 흐려지지 않습니다. 잘라냅니다....

P粉242535777 2023-09-07 20:04:02 0  1  611

html-css에 이런 종류의 테두리를 추가하는 방법은 무엇입니까?

그림에서 볼 수 있듯이 그림의 네 모서리에 테두리를 추가하여 이 효과를 어떻게 얻을 수 있습니까?

伊谢尔伦 2017-05-16 13:34:16 0  6  970

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

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

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

모듈을 찾을 수 없습니다: 오류: 'DavidDaDon.png'를 확인할 수 없습니다.

내가 여기서 뭘 잘못하고 있는지 잘 모르겠습니다. src 폴더에 이러한 PNG 이미지가 있고 이미지를 참조하기 위해 필수 경로와 상대 경로를 사용하고 있습니다. 미칠 것 같은 느낌이 들어요. 참고로 가까운 친구, 가족과 함께 생일 축하 카운트다운을 하고 있는데 아코디언 효과로 이미지가 표시됩니다.

P粉001206492 2023-07-27 21:01:30 0  1  629

javascript - DOM 요소에서 PDF를 미리 볼 수 있는 플러그인을 추천할 수 있는 사람이 있습니까?

그림의 효과와 비슷하게 이제 objectPDF.js라는 PDF 플러그인을 사용하고 나면 PDF 미리보기 플러그인 뒤에 있는 DOM 요소가 사라집니다.

ringa_lee 2017-05-19 10:09:10 0  2  625

그림자 복제 버전으로 메뉴 버튼을 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  527

javascript - 멋진 캐러셀 이미지를 봤습니다. 구현 방법을 알려주세요.

https://www.pingxx.com 페이지의 캐러셀 이미지가 너무 멋진 걸 봤습니다. 양쪽에서 페이드아웃 효과를 어떻게 얻을 수 있나요?

某草草 2017-05-18 10:52:10 0  2  547

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

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

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

javascript - 스와이프의 좌우 전환 화살표를 클릭하면 스와이프 소스 코드의 SlideNext 함수 내에서 현재 vue 인스턴스에 액세스합니다.

현재 요구 사항은 vue를 사용하여 탭 표시줄과 스와이프가 포함된 캐러셀 구성 요소를 생성하는 것입니다. 캐러셀 이미지의 왼쪽 및 오른쪽 헤드를 클릭하면 스와이프의 SlideNext 함수에서 현재 페이지의 페이지 번호를 가져오고 페이지 번호를 vue 인스턴스에 전달하여 캐러셀 이미지의 동기화 효과를 얻고 싶습니다. 그리고 탭바! 하지만 지금은 var...

漂亮男人 2017-06-26 10:58:16 0  1  773

CSS로 블록의 가장자리를 수정하여 페더링 효과를 얻는 방법 알아보기

상자 가장자리에 깃털 모양의 흐림 효과가 있도록 CSS를 어떻게 수정합니까? 상자의 배경에 반투명 유리 효과를 주고, 주변의 날카로운 모서리 대신 점진적으로 배경과 혼합되는 깃털 효과를 주고 싶지만 현재 CSS를 수정하는 방법을 모르겠습니다. 도움을 받으시길 바랍니다. 감사합니다. .wrap{위치:상대적;너비:100%;높이:100vh;배경-이미지:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  762

javascript - 각 공의 배경 이미지가 다르도록 캔버스에 여러 공을 그리는 방법이 가능합니까?

질문: 캔버스에 여러 개의 공을 그릴 때 각 공의 배경 이미지를 다르게 만들 수 있나요? 지금 하고 싶은 일은 공마다 색깔을 다르게 만들어서 그림으로 채우고 싶은 것입니다. 코드의 일부: {code...} 현재 효과:

大家讲道理 2017-06-14 10:54:28 0  4  1041

javascript - 이미지를 캔버스로 드래그

어떤 마스터가 이 효과를 볼 수 있도록 도와줄 수 있습니까? 오른쪽 그림을 캔버스로 끌어서 편집할 수 있습니까? 자세히 설명할 수 있습니까?

phpcn_u1582 2017-06-14 10:52:41 0  2  938

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

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

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

ios - UITableViewCell이 여러 그림을 로드하여 비정상적인 메모리 증가를 일으킴

단일 UITableViewCell에 여러 장(최대 6개)의 그림을 로드하고 새로 고치기 위해 위아래로 당기면 메모리 폭발 문제가 발생합니다. 이를 효과적이고 빠르고 간단하게 해결하는 방법은 무엇입니까?

为情所困 2017-05-31 10:32:51 0  1  701

android - 두 레이아웃의 가장자리에 이미지를 설정하는 방법

그림과 같이 이러한 효과를 설정하는 방법은 그림이 두 레이아웃의 가장자리에 있습니다. 이 활동 아래에는 프레임 레이아웃을 사용하여 투명도를 설정하는 활동이 있습니다. 투명한.

淡淡烟草味 2017-05-16 13:34:07 0  2  927

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

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

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

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1267

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  647

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

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

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

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