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

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

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

thinkPHP의 CSS 도입이 유효하지 않습니다.

CSS 효과를 표시할 수 없습니다. 무엇이 문제인가요?

boluo 2020-06-06 21:21:54 0  4  1392

javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  951

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

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

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

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  845

javascript - Alibaba Cloud는 어떻게 이러한 효과를 얻습니까?

다음은 Alibaba Cloud 웹 사이트에 대한 링크입니다. 빠른 전환 효과는 어떻게 달성됩니까? CSS에서 볼 수 없습니다: 웹사이트 링크 주소

大家讲道理 2017-06-12 09:32:10 0  3  973

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

javascript - vue 전환 효과 클래스 이름의 CSS 전환 순서

요소에 대한 전환을 디자인하면 높이가 나타날 때 증가하고 사라질 때 감소하는 것이 이상적인 효과입니다. 설계된 코드는 다음과 같습니다. {Code...} 결과 요소가 나타날 때 높이가 100px에 직접 도달하고 사라지면 코드를 수정하는 순서는 다음과 같습니다. 문제는 해결됐는데 왜 주문을 하는지 모르겠네요...

黄舟 2017-06-26 10:55:15 0  4  691

여러 CSS 전환 효과를 구현하는 방법

이것은 매우 간단한 질문이지만 CSS 전환 속성에 대한 좋은 문서를 찾을 수 없습니다. 다음은 CSS 스니펫입니다. .nava{text-transform:uppercase;text-꾸밈:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center; 텍스트 -shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36 0  2  484

백엔드 개발 - 시간별 mysql 통계에 대한 sql 문을 작성하는 방법은 무엇입니까?

내 데이터베이스 테이블 구조는 다음과 같습니다. 필드는 ID, NUM1, NUM2, TIME1, TIME2, MONEY입니다. 15분 간격으로 ID 수를 계산하고 싶습니다. 효과는 다음 SQL 문과 동일합니다. {코드...} 그런데 위와 같이 반복되는 코드가 많아서 30분으로 바꾸면 시간이 좀 걸리더라구요...

黄舟 2017-05-25 15:08:22 0  3  1004

다음과 같이 다시 작성된 제목: 목록 항목을 위의 텍스트와 정렬하는 방법은 무엇입니까?

유효하지 않은 HTML을 사용하면 원하는 모양을 얻을 수 있지만 유효한 HTML을 사용하지는 않습니다. <SPAN>의 효과를 시뮬레이션하기 위해 <FIGURE> 또는 <FIGCAPTION>을 구성할 수 있는 CSS가 있습니까? 나는 그것의 모양이 왼쪽에 있고 유효한 HTML이 오른쪽에 있기를 원합니다. 잘못된 HTML: body{margin:auto;padding:05px05px;font-family:Tahoma,Verdana,sans-seri

P粉463840170 2023-09-09 15:47:47 0  2  625

html - 요소가 Google 및 Firefox 브라우저에서 다르게 표시됩니다. CSS 해킹을 사용하여 문제를 해결하고 싶으십니까?

div 요소의 높이는 Google 및 Firefox 브라우저에서 다른 효과를 표시합니다. CSS 해킹을 사용하여 문제를 해결하고 싶지만 이 두 코드가 작동하지 않습니다. . .

淡淡烟草味 2017-06-17 09:16:40 0  2  999

태블릿에서 브라우저 제스처 확대/축소 기능을 완전히 비활성화하는 방법

태블릿에서는 멀티터치 기능이 있어서 제스처를 이용해 직접 확대/축소할 수 있는데, 현재는 이 효과를 비활성화하고 싶은데, 여러 가지 방법을 시도해 봤는데 역시 안되는 것 같습니다. 줌은 PC CTRL + 스크롤 휠 줌과 동일합니다. 단순한 메커니즘이 아니라 가장 안정적인 것은 CSS 컨트롤입니다.

怪我咯 2017-06-30 09:57:23 0  1  1121

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

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

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

CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기

일부 텍스트로 가로 구분선을 만들려고합니다. 예를 들면 다음과 같습니다. ---------------------제 제목은 다음과 같습니다--------- - ------------CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다.

P粉248602298 2023-08-20 15:11:18 0  2  523

javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

大家讲道理 2017-05-19 10:12:15 0  1  645

WooCommerce의 "결제 테이블 주문 검토 섹션 변경"의 중국어 번역은 "WooCommerce 결제 테이블 주문 검토 섹션 수정"이라고 할 수 있습니다.

WooCommerce의 결제 주문 검토 섹션을 변경하기 위해 친구의 솔루션을 따랐습니다. 이제 결제 후 정보 테이블의 CSS만 편집하면 됩니다. 이 테이블의 CSS를 어떤 파일에서 변경해야 합니까? 페이지 상단에 오른쪽 정렬을 원합니다. 선택기 자체와 id: display:flex;align-items:right;를 사용해 보았지만 아무런 효과가 없습니다.

P粉904450959 2023-08-28 16:41:39 0  1  512

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1009

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  547

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

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

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