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

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

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

획 효과가 있는 SVG 그라디언트

이 코드를 찾았습니다<svgxmlns="http://www.w3.org/2000/svg"viewBox="-1-13434"><circlecx="16"cy="16"r="15.9155"class =" 진행률 표시줄__배경"/&

P粉193307465 2023-08-29 09:30:52 0  1  537

그레이스케일 SVG가 알파로 변환될 때 왜 덜 밝아지나요?

SVG를 사용하여 투명한 "별이 빛나는 밤" 효과를 만들려고 합니다. 웹 페이지의 검정색 배경 요소 안에 SVG 인라인이 있습니다. 난류 필터로 시작한 다음 원하는 효과를 얻기 위해 색상 매트릭스를 적용했습니다. <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q

P粉986937457 2024-02-26 18:01:19 0  1  315

CSS 방사형 그래디언트를 SVG 방사형 그래디언트로

CSS http://codepen.io/A973C/pen/hnEaf(신호등의 빛을 의미함)와 같이 SVG에서 방사형 그래디언트를 만들 수 있습니까?red{Background:red;Background-image :radial- 그라데이션(갈색,투명);배경 크기:15px15px;너비:100px;높이:100px;테두리-r

P粉308783585 2023-12-11 15:54:09 0  2  613

vue.js - weex에 배경 이미지 속성이 없으면 어떻게 해야 합니까?

배경의 높이는 결정될 수 있지만 배경의 너비는 표시된 데이터의 너비에 따라 결정됩니다. weex는 배경 이미지 없이 이 효과를 어떻게 얻을 수 있습니까?

滿天的星座 2017-06-22 11:53:32 0  2  1533

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

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

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

javascript - btcc.com 홈페이지의 애니메이션 배경을 구현하는 방법은 무엇입니까?

사이트가 로드되면 배경에 약간의 애니메이션 효과가 나타나는데, 이는 딱 맞습니다. https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  583

마우스를 올리면 텍스트를 변경하려면 특수 커서를 사용하세요.

monopo 웹사이트와 유사하게 마우스 오버 시 텍스트를 변경하는 방법을 안내해 주세요. 배경은 필요하지 않습니다. 배경색과 같은 간단한 원형 효과와 텍스트 변경만 있으면 됩니다. 그리고 가능하다면 "about"이라는 div에서만 효과가 활성화되도록 하고 싶습니다. 웹사이트 링크: https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  558

배경 이미지에 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  488

javascript - ::selection 앞에 ID를 추가한 후 텍스트 배경색을 선택하는 방법, 브라우저와 호환되게 만드는 방법은 무엇입니까?

텍스트 배경 색상 선택 {code...} &lt;html id="c-1"&gt;인 경우 {code...}는 Firefox에서만 작동하지만 Google Chrome에서는 작동하지 않습니다. {code...} . }도 소용이 없습니다. 원하는 효과는 HTML에서 ID를 교체할 때 선택한 텍스트의 배경색도 교체되도록 하는 것입니다.

给我你的怀抱 2017-05-19 10:36:57 0  2  629

페이드 인/페이드 아웃 전환이 포함된 CSS 선택 윤곽

오른쪽 가장자리에서 페이드 인되고 왼쪽 가장자리에서 페이드 아웃되는 텍스트로 CSS 선택 윤곽을 만들려고 합니다. 글자의 가장자리만 투명해져야 합니다. 나는 이것을 "불투명 마스크"라고 부르고 왼쪽/오른쪽 가장자리에 페더를 적용합니다. CSS 선택 윤곽 코드 예제를 찾을 수 있지만 이와 같은 페이드 인/아웃 효과는 없습니다. 또한 배경은 완전히 투명하고 텍스트에만 가장자리 효과가 있기를 원합니다. 컨테이너에 그라데이션을 추가하려고 시도했지만 돌이켜보면 올바른 경로가 아닌 것 같습니다. 아래는 지금까지 제가 생각해낸...

P粉659516906 2024-03-27 21:24:13 0  2  547

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

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

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

단일 열 레이아웃 적응형

단일 열 레이아웃의 본문에 배경색을 어떻게 추가합니까? 최종 효과를 어떻게 달성해야 할지 모르겠습니다. 답변해 주시기 바랍니다. 감사합니다.

JIA 2018-03-17 23:45:41 0  0  1272

제목: 흰색을 제외한 모든 색상 배경에서 흰색 텍스트 가시성 확보

mix-blend-mode 사용: 텍스트 색상을 흰색으로 변경하는 차이점은 배경 색상이 검은색일 때 잘 작동합니다. 효과를 보려면 마우스를 텍스트로 이동하십시오. constblackBox=document.querySelector(".black-box");window.addEventListener('mousemove',function(event){blackBox.style.left

P粉744691205 2023-11-10 16:59:01 0  1  772

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

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

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

HTML, CSS 및 SVG를 사용하여 확장 가능한 표지판 만들기

표지판(팁이 있는 직사각형) 형태의 버튼을 만들고 싶습니다. ________|\|_______/각 텍스트의 길이가 다른 텍스트를 로고에 동적으로 쓰고 싶습니다. 그래픽만 배경 그래픽으로 사용하여 이 작업을 시도하면 그에 따라 화살표의 크기가 조정되고 압축/늘어납니다. 따라서 이를 수행하는 방법은 텍스트를 일반 div에 넣고 CSS:after를 사용하여 화살표를 SVG로 추가하는 것입니다. 화살표는 완전히 채워져야 합니다. 즉, 프레이밍 문제를 다룰 필요가 없습니다. (가시성을 높이기 위해 SVG를 검정색으로 남겨 두었습니다.) 첫 ...

P粉555682718 2024-03-31 14:45:14 0  1  454

nginx - https 리디렉션 문제가 있습니까?

문제 배경: {코드...} 문제: 여러 가지 방법이 있는데, 포트 80을 구성하는 파일에 작성되는 경우도 있고, .htaccess에 작성되는 경우도 있고, 페이지에서 메타/새로 고침으로 설정되는 경우도 있습니다. 어느 것이 더 비용 효율적인가요?

PHPz 2017-05-27 17:45:00 0  3  859