CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  724

CSS3 전환으로 그라데이션 배경 강화

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 훌륭하게 작동합니다. 그래디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그렇게 했기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  659

그라데이션 배경과 함께 CSS3 전환 사용

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 제대로 작동합니다. 그라디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그랬기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:Background0.

P粉217629009 2023-08-23 21:25:42 0  2  674

오류: 예외를 발생시키는 필수 모듈: 고정 위반: '배경' '배경'은 유효한 스타일 속성이 아닙니다.

ZEGCLOUD 일대일 음성 통화를 구현하고 있습니다. 이 오류가 발생했습니다. 오류: 'node_modules@zegocloud\zego-uikit-prebuild-call-rn\lib\commonjs\index.js' 모듈이 필요하며 예외 발생: 고정 위반: '배경'은 유효한 스타일 속성이 아닙니다. 콜스크린 코드. 내가 여기서 뭘 잘못하고 있는 걸까요? 노드 모듈도 살펴봤습니다. audioVideoViewSubConta에 대한 스타일을 찾지 못했습니다.

P粉245489391 2024-02-17 16:25:47 0  1  483

javascript - echarts 히스토그램 그라데이션 색상 문제

echarts 히스토그램은 그라데이션 색상 효과를 얻을 수 있지만 다음과 같은 그라데이션 색상 효과를 얻을 수 있습니까? 답변해 주세요. 즉, 대각선 그라데이션 색상

三叔 2017-06-12 09:30:45 0  1  970

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

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

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

획 효과가 있는 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  560

스크롤 가능한 그라데이션 채팅 풍선

다음 예와 같이 아래 그라데이션으로 스크롤할 때 변경되는 그라데이션이 있는 채팅 거품의 흰색 컨테이너를 원합니다. 루트의 배경이 표시되도록 chatBubble 뒤의 .container 부분을 투명하게 만들려고 했습니다. .root{배경색:선형 그라데이션(빨간색, 노란색);너비:100vw;높이:100vh;}.컨테이너{너비:100%;높이:

P粉197639753 2023-09-01 11:52:18 0  2  685

테두리 그라디언트는 border-radius와 호환됩니까?

둥근 테두리(테두리 반경)로 입력 상자의 스타일을 지정하고 테두리에 그라데이션 효과를 추가하려고 합니다. 그라데이션과 둥근 테두리를 성공적으로 만들 수 있지만 동시에 둘 다 만들 수는 없습니다. 둥근 모서리가 있지만 그라데이션이 없거나, 그라데이션이 있지만 둥근 모서리가 없습니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  520

CSS 표시 속성의 그라데이션 효과

저는 현재 CSS "슈퍼 드롭다운"을 디자인하고 있습니다. 기본적으로 일반 순수 CSS 드롭다운이지만 그 안에 다양한 유형의 콘텐츠가 있습니다. 현재 CSS3 전환 효과는 "display" 속성에 적용되지 않는 것 같습니다. 즉, display:none에서 display:block(또는 임의의 조합)으로 전환할 수 있는 방법이 없습니다. 위의 예에서 누군가 최상위 메뉴 항목 위로 마우스를 가져갈 때 두 번째 수준 메뉴가 "페이드 인"되도록 하는 방법이 있습니까? visible: ...

P粉608647033 2023-08-21 11:08:32 0  2  606

javascript - vue2.0 하위 구성 요소는 상위 구성 요소에만 데이터를 전달합니까?

이것이 상위 컴포넌트이고 이것이 하위 컴포넌트입니다. 효과를 설명하겠습니다. "All", 'Recommend', 'Tucao'를 클릭하여 selectType의 값을 변경하여 선택한 버튼의 배경을 변경합니다. '확인 표시'를 클릭하면 선택 항목이 표시되고 선택이 취소되므로 하위 구성 요소에 있는 selectType 및 onlyContent의 두 값...

给我你的怀抱 2017-05-19 10:34:07 0  2  804

밝은/어두운 테마의 변수에서는 선형 그래디언트가 작동하지 않습니다.

저는 개인 웹사이트(https://cooperativedoilylivedistro.elliott23.repl.co)를 작업 중입니다. 이 웹사이트에는 선호도에 따라 밝은 테마와 어두운 테마가 있습니다. 문제는 선형 그래디언트를 변수로 설정하면 작동하지 않고 전체 배경이 흰색으로 변한다는 것입니다. 이것이 바로 HTML, CSS, JS입니다. 무슨 일이 일어나고 있는지 알고 싶다면 브라우저에서 웹사이트를 확인하세요. <!DOCTYPEhtml><htmllang="ko"&

P粉190443691 2024-03-29 13:28:10 0  1  382

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

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

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

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

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

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

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

반응에서 echarts-gl을 사용하는 방법???

npm에서 echarts, echarts-gl을 설치했지만 효과가 없나요? ? ? 배경이나 기타 사항은 소개했지만 땅에는 해당 효과가 없습니다. 일반 효과는 http://gallery.echartsjs.com/을 참조하세요.... 코드는 다음과 같습니다.

巴扎黑 2017-06-12 09:29:05 0  1  1006

css - Angular2에서 라우팅하지 않고 여러 버튼의 전환 효과를 얻는 방법은 무엇입니까?

라우팅하지 않고 버튼을 클릭하면 현재 버튼의 배경색이 파란색으로 바뀌고 다른 버튼의 배경색은 회색으로 유지되는 효과를 얻는 방법은 무엇입니까?

漂亮男人 2017-05-15 17:13:11 0  3  816