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

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

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

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

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

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

이미지 가장자리에서 그라데이션 효과가 페이드 아웃되지 않는 이유는 무엇입니까?

이미지의 가장자리가 흐릿해지거나 최소한 희미해지기를 원합니다. 내가 시도한 것은 아무것도 작동하지 않으며 Stackoverflow에 대한 모든 질문을 살펴보았습니다. 저는 Sass가 아닌 CSS를 사용하고 있습니다. 문제를 복잡하게 만들기 위해 페이지에 배경 이미지를 두고 불투명도가 0.8인 흰색 마스크로 덮었습니다. 누구든지 도와주실 수 있나요? 제 코드펜입니다. .screen{위치:상대적;너비:100vw;높이:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  559

배경 이미지에 CSS 필터 효과를 사용하는 방법

검색 페이지의 배경 이미지로 사용하고 있는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다. background-image:url("whatever.jpg "); CSS3 흐림 필터를 배경에만 적용하고 싶지만 해당 요소에만 스타일을 지정하는 방법을 모르겠습니다. 시도하면: -webkit-filter:blur(5px) -moz-filter:blur(5p)

P粉022285768 2023-08-20 13:28:36 0  2  497

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

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

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

투명한 div를 사용하여 페이지 배경 흐림 효과를 얻는 방법

투명한 div를 통해 배경을 흐리게 만들고 싶은 웹 페이지의 코드가 있습니다. 실제로 div를 반투명하게 만들고 싶습니다. div에 흐림 필터의 CSS를 추가해 보았지만 결과적으로 div 내부의 텍스트도 흐리게 표시되어 원하는 대로 되지 않습니다. <bodystyle="Background-image:url('bg.jpg')"><div>어떤 텍스트</div></body>

P粉908643611 2023-09-14 21:09:28 0  1  523

css3 - CSS 전환 효과로 인해 텍스트가 흐려지거나 떨리나요?

gif로 직접 이동해 보겠습니다. 코드: 템플릿: {code...} CSS: {code...} 일부 관련 없는 스타일이 제거되었습니다. 현재 알려진 상황은 오른쪽에 있는 작은 삼각형의 전환 효과입니다. Chrome의 드롭다운 상자에 backface-visibility: hide;를 추가하면 텍스트가 흐려지고 흔들립니다.

ringa_lee 2017-05-24 11:35:53 0  2  2459

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

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

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

nginx는 js, css, 이미지 및 기타 정보를 캐시합니다. 구현 원칙은 무엇입니까?

nginx는 js, css, 이미지 및 기타 정보를 캐시합니다. 구현 원칙은 무엇입니까?

高洛峰 2017-05-16 17:23:04 0  1  1057

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

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

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

F12를 사용하지 않고 CSS 배경 이미지의 슬라이딩 효과를 얻는 방법은 무엇입니까?

현재 CSS와 HTML을 사용하여 웹사이트를 만들려고 하는데 배경 이미지를 슬라이드하고 이동할 수 없는 것 같습니다. VisualStudioCode를 사용하고 Google에서 코드를 실행했지만 이동하지 않지만 디버깅하기 위해 F12를 누르면 이동합니까? ! 내 코드는 다음과 같습니다. body{Background-color:black;margin:0;padding:0;Background-image:url("올바른 URL이 있습니다.

P粉903969231 2023-08-14 19:47:48 0  1  660

CSS 그리드를 사용하여 이미지를 정렬하는 방법은 무엇입니까?

CSS 그리드를 사용하여 웹사이트의 일부를 구축하려고 합니다. 목록과 이미지를 같은 줄에 유지하고 화면 크기가 변경되면 축소/확대되도록 노력하고 있습니다. 코드는 아래에 붙여넣었습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내 그리드 템플릿 내에 오류가 있는지 궁금합니다. .pm{display:inline-grid;max-width:100%;position:relative;margin:auto;grid-template-areas:"titletitle&quo

P粉463824410 2024-04-01 22:08:31 0  1  497

javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

vue2.0 전환을 사용하여 마우스를 위로 움직이고 화면 외부에서 QR 코드를 밀어 내고 QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법은 다음과 같습니다. 제가 쓴 내용은 다음과 같습니다. 마우스를 위로 움직이세요. 상자가 미끄러지는데 마우스가 떠나지 않았는데 상자가 사라졌습니다....

PHP中文网 2017-05-19 10:30:36 0  2  869

html - CSS 네비게이션 바가 흐려지고, 네비게이션 바가 고정되었으며, 페이지가 슬라이드되면서 아래 페이지가 흐려졌습니다.

오랫동안 인터넷에서 검색한 결과 아래 페이지에 동적으로 영향을 주어 흐릿하게 만들 수 있는 해결 방법을 찾지 못했습니다. 이것은 스테이션 B의 흐림 효과입니다. 정적입니다. 두 장의 동일한 그림을 사용하고, 한 장의 일부를 흐리게 하고 다른 그림과 병합하는 것이 원칙입니다. 내 생각은 AE와 유사한 조정 레이어에 가우시안 블러를 추가하여 아래 레이어에 실제 효과를 주는 것입니다.

大家讲道理 2017-05-24 11:36:02 0  2  1117

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

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

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

사진 속 이미지의 종횡비

다음과 같은 제목의 이미지가 있습니다. Title I also have img{max-width:100%} in CSS. 이미지의 너비와 높이를 동시에 설정하고 너비가 설정한 값보다 작아지면 화면 비율을 유지하고 싶습니다. 그래서 다음과 같은 코드를 시도해 보았습니다. 제목 대략 제가 원하는 내용인데, 이미지가 '레터박스'된 경우 제목이 이미지 하단에서 꽤 멀리 떨어져 있습니다. 제목을 이미지 하단에 꼭 맞게 유지하면서 원하는 결과를 얻을 수 있는 방법이 있나요?

P粉557957970 2023-08-17 20:24:04 0  1  499

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

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

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

CSS - Blur() 필터에 투명 효과가 있는 이유는 무엇입니까?

현재 상황은 다음과 같습니다. 베이징에서는 매장 사진의 배경을 흐리게 설정했지만 이제 필터를 사용하여 흐리게 처리하는 데 투명한 문제가 있습니다. 일반적으로 배경이 흐려지는 것은 의사 요소이기 때문입니다. , CSS에서 이미지 리소스를 얻을 수 없어서 이렇게 작성했습니다. 요소는 절대값을 통해 위치 지정됩니다...

巴扎黑 2017-05-16 13:26:12 0  1  811

javascript - Zhihu에 이미지를 로드하는 원리는 무엇입니까?

처음에는 모두 흐릿하지만 화면 보기 내에서는 고화질로 표시됩니다. 처음에 전처리된 저화소 이미지를 로딩한 후 고화질 이미지를 표시하는 건가요? 아니면 다른 방법이 있나요?

我想大声告诉你 2017-05-24 11:32:17 0  4  749

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

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

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