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

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

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

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  520

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  438

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

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

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

마우스 오버 이벤트를 사용하여 플라이아웃 메뉴 표시

팝업 메뉴가 있고 마우스오버 이벤트를 사용하여 메뉴를 전환하려고 하는데 예상대로 작동하지 않는 것 같습니다. .hero-list-blocka:hover+.flyout-menu와 같이 div의 위치를 ​​지정하여 CSS 호버 이벤트를 사용해 보았지만 작동하지 않았습니다. 이 문제를 해결하거나 개선하는 방법에 대한 제안이 있으십니까? 감사합니다 constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43 0  1  580

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  449

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. Chrome의 문제인 것 같은데 확실하지 않습니다. 다음은 문제의 사진입니다: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  359

MUI 툴팁의 배경색을 변경하는 방법은 무엇입니까?

"?" 사용자가 아이콘 위로 마우스를 가져가서 텍스트 필드에 입력해야 하는 데이터에 대한 사양을 얻을 수 있기를 바랍니다. MUI의 기본 호버는 흰색 텍스트가 있는 회색이지만, 회색 텍스트와 더 큰 글꼴이 있는 흰색 호버를 원합니다. 를 사용하면 글꼴 크기와 색상이 잘 작동하지만 배경색을 변경하면 마우스를 올리면 텍스트 필드 주위에 회색 테두리가 나타납니다. hover.js 구성 요소는 다음과 같습니다.exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  843

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

javascript - Chrome은 클릭 이벤트를 트리거하여 옆에 있는 텍스트를 선택합니다.

그림과 같이 선택 효과를 주어야 할 경우에는 토글 클래스 박스를 클릭하면 스타일이 변경되는데, 마우스를 자주 클릭하면 옆에 있는 텍스트가 선택되는 것으로 나타났습니다. 명확하지 않습니다. 그림을 살펴보겠습니다. 상자 부분을 클릭하면 배경이 변경되지만 빠르게 클릭하면 옆에 있는 부분도 선택됩니다.

怪我咯 2017-05-18 10:50:08 0  2  966

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

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

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

React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

P粉896751037 2023-09-08 21:25:41 0  1  844

태그를 사용하여 VEGA에서 직접 레이아웃 강제하기

각 노드에 대한 레이블을 표시하는 강제 지정 레이아웃을 사용하여 VEGA에서 네트워크 다이어그램을 만들려고 합니다. 이 질문에는 가능한 접근 방식이 언급되어 있습니다. Vega 편집기를 참조하면 레이블이 존재하지만 일부 중복되고 시각적으로 어수선한 문제가 있음을 관찰할 수 있습니다. 그래서 노드 위로 마우스를 가져갈 때 레이블이 표시되고 다이어그램에서 강조 표시되고 고정된 상태로 유지되는 이 예와 비슷한 것을 달성할 수 있는지 궁금했습니다. "텍스트" 필드에 몇 가지 변경을 시도했지만 그보다 더 복잡할 수도 있습니...

P粉882357979 2024-02-26 18:46:59 0  2  422

VS 코드 프로젝트에 Tailwind CSS가 적용되지 않습니까?

저는 Laravel10.18.10을 사용하여 프로젝트를 개발 중이며 VScode에서 tailwind 확장을 다운로드했습니다. tailwind 코드를 적용하려고 하면 프로젝트에 적용되지 않는 것 같습니다. 코드 위로 마우스를 가져가면 다음과 같은 팝업이 나타납니다. 하지만 표시된 페이지에는 적용되지 않습니다. 그런데 표시된 페이지는 /resources/views 디렉터리에 저장되어 있습니다. 이 문제의 원인을 아는 사람이 있습니까? Headwind 확장 프로그램을 다운로드해 보았으나 역시 작동하지 않았습니다. 나는 두 단어로 원한다

P粉521697419 2023-08-16 18:34:03 0  2  492

Wordpress의 하위 테마 style.css는 index.php 파일을 덮어쓸 수 없습니다.

도움이 되었기를 바랍니다. 내 WordPress 페이지에 대한 하위 테마를 만들고 그 안에 style.css 및 function.php를 설정했습니다. 몇 가지 다른 사항을 변경할 수 있고 성공이 표시되므로 대기열이 올바르게 설정되었다고 가정합니다. 그러나 index.php에서 무언가를 변경하려고 하면 덮어쓰지 않습니다. 예를 들어, 링크 위로 마우스를 가져가면 링크 색상을 변경하려고 합니다. 다양한 다른 게시물과 문서를 확인했지만 아무것도 도움이 되지 않는 것 같습니다. 내 대기열이 실제로 정확하다면 조언이나 확인을 주시면 대단히...

P粉103739566 2024-03-27 20:53:39 0  1  336

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  830

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  730

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  619

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  581

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1009