x 회전 없이 정사각형 이미지에서 사다리꼴로의 CSS3

배경 이미지가 있는 정사각형 div를 사다리꼴로 변환하려고 합니다. Photoshop의 "왜곡" 도구와 거의 같은 방식으로 2D로 만들고 싶습니다. 기본적으로 내가 원하는 것은 사각형의 상단 가장자리를 축소하고 이에 따라 이미지를 변형시키는 것입니다. 3D 변환은 트릭을 수행하는 것처럼 보입니다. 변환:rotateX(30deg); 대부분의 사용 사례에서 작동하지만 전부는 아닙니다. 실제로 30도 회전된 정사각형은 앞/뒤에서 보면 사다리꼴처럼 보이지만 다른 쪽에서 보면 여전히 30도 회전된 정사각형입니다.

P粉604669414 2024-03-28 15:26:58 0  1  376

javascript - 이미지 수집 효과, 3D 효과 추가 후 선이 나타나는 이유는 무엇입니까?

하나의 div에 여러 개의 하위 div가 있고, 하위 div의 배경 이미지를 모아서 전체 그림을 이루는 데, 집합 효과를 위해 3D y축 반전 효과를 추가했습니다. 접합할 때 중간? 논리적으로 모아본 후여야 합니다. 첨부된 코드는 다음과 같습니다.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  552

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

。 2018-01-31 16:19:16 0  1  1572

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

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

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

html5 - 이미지가 변형되지 않도록 배경 이미지를 휴대폰에서 전체 화면으로 표시하는 방법(콘텐츠가 비교적 길고 스크롤 막대가 있음)은 무엇입니까?

모바일 웹페이지에 배경 이미지가 필요한데, 배경 이미지를 변형 없이 전체 화면으로 표시하려면 어떻게 해야 하나요? 현재 설정으로는 배경이 변형되었습니다! 하나님께 물어보세요!

为情所困 2017-05-16 13:25:30 0  4  1119

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20 0  1  1187

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

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

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

javascript - 접미사를 변경한 후 파일의 원래 유형을 얻는 방법

Qiniu를 사용하여 js에서 이미지를 업로드할 때 다른 형식 파일의 접미사를 이미지 형식으로 변경하는 경우 원래 형식 접미사를 어떻게 판단합니까?

大家讲道理 2017-07-05 10:43:28 0  2  878

javascript - 데이터를 배열의 키-값 쌍으로 변환하는 방법은 무엇입니까? ? JS

사진 속 Plan_ADEP, Plan_ADES의 데이터를 어떻게 꺼내어 위 사진과 같은 데이터 형식으로 변환하나요? ?

世界只因有你 2017-05-19 10:09:07 0  2  456

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

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

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

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

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

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

javascript - 이미지가 로드된 후 js 이미지의 온로드가 실행되지 않습니다.

1. 가정된 효과는 사진이 로드될 때마다 경고 "1"이 발생한다는 것입니다. 실제 효과는 모든 사진이 로드된 후 경고가 4번 발생한다는 것입니다. 2. 다음은 코드입니다. 도와주세요. //imgArray[] 여기에 4개의 그림 링크가 있습니다. 너무 길면 쓰지 않겠습니다. var count = 0;

大家讲道理 2017-05-19 10:12:08 0  4  566

javascript - 플랫리스트 드롭다운 구성 요소 스타일을 사용자 정의하는 방법은 무엇입니까?

1. 먼저, 제가 달성하고 싶은 효과에 대해 말씀드리겠습니다. 휴대폰에서 JD.com과 같은 사진을 끌어당긴 다음, 손을 뗀 후 새 페이지로 이동하세요. 2. 하지만 Flatlist에는 기본 드롭다운 이벤트 {code...}가 있습니다. 문서에서 이 헤더 컨트롤을 변경하는 방법을 모르겠습니다. Android는 기본적으로 검은색 원형 새로 고침 구성 요소를 사용합니다.

PHP中文网 2017-06-08 11:02:39 0  1  1322

변수를 이미지 src로 사용하는 방법 - vue.js

저는 Vue를 처음 사용하고 일부 HTML과 CSS를 수행하고 있으며 변수를 이미지 디렉터리로 사용하고 싶지만 이미지가 로드되지 않고 변수가 유효한 tauri 함수에 의해 업데이트되고 이미지도 변경해야 합니다. 다음은 내 코드입니다. <template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}} >--그리고 많은

P粉148434742 2023-12-29 16:42:56 0  1  563

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

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

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

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

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

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

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

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

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

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

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

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

javascript - WeChat 공유 H5, 배경색으로 이 흐림 효과를 얻는 방법은 무엇입니까?

저희의 일반적인 공유 효과는 다음과 같습니다. 체험판에서 얻은 공유는 배경색과 같습니다(이미지 블러 처리의 효과인 것 같습니다).

过去多啦不再A梦 2017-06-12 09:29:10 0  3  1054

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

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