투명한 반원 컷아웃이 있는 Div

CSS3만을 사용하여 투명하게 잘린 반원 모양을 만들고 싶습니다. 유일한 요구 사항은 모양을 형성하는 모든 요소가 검은색이거나 투명해야 한다는 것입니다. 반원은 투명해야 하고 배경이 비치도록 해야 하기 때문에 흰색 원이 있는 검은색 직사각형을 사용할 수 없습니다. 필요한 모양:

P粉022285768 2023-10-22 17:51:09 0  2  781

javascript - swiper.js의 여러 전환 방향 관련 문제

현재 장면은 다음과 같습니다. 왼쪽과 오른쪽으로 전환되는 애니메이션 페이지가 4개 있고, 각 애니메이션 페이지를 아래로 밀어서 다른 동일한 페이지로 전환할 수 있어야 합니다. 이제 이 사이에서 애니메이션을 전환하려면 어떻게 해야 할까요? 왼쪽 오른쪽? 페이지를 아래로 밀어서 페이지를 표시할 수 있고, 아래로 밀어서 나타나는 페이지도 위와 동일합니다...

过去多啦不再A梦 2017-06-24 09:43:29 0  1  888

스타일이 지정된 구성 요소에서 @property 사용: 가이드

내 애플리케이션에서 애니메이션을 사용하고 싶지만 SCSS에 @property 함수가 필요합니다. @property--border-angle{syntax:"<angle>";inherits:true;initial-value:0turn;} 스타일이 지정된 구성 요소에 있습니까? 애니메이션의 전체 코드는 https://codepen.io/shshaw/pen/RwJwJJx에 있거나 이를 다시 작성하는 방법이 있습니다.

P粉808697471 2024-03-28 13:35:39 0  1  432

macos - Mac os x nano M-6 키 행을 복사하는 방법

Mac OS X에서 nano를 열고 현재 줄을 복사하는 단축키는 무엇입니까(Safari에 붙여넣기 가능)? {코드...} 컨트롤+k를 누르면 잘리는데 사파리에서 붙여넣기가 전혀 안되네요. M-6이라는 버튼이 있는데 이 M이 옵션키를 말하는 건가요? 하지만 회복할 방법이 없군요...

PHP中文网 2017-05-16 16:39:29 0  1  1247

javascript - vue에서 뉴스 목록을 위아래로 스크롤하는 방법

이것은 루프에서 재생되는 데이터 부분입니다. {code...} 이것은 애니메이션 효과 없이 루프에서만 전환할 수 있는 현재 코드입니다. {code...}

淡淡烟草味 2017-05-19 10:43:20 0  3  913

이메일 HTML 뉴스레터

이메일 수신에서 마음에 드는 점은 gmaila의 모바일 보기가 깨진 것 같다는 것입니다. 보기는 배경 이미지에서 각 자르기에 입력할 수 있는 구조로 변경됩니다. 도와주세요? 내가 필요한 모든 것을 쉽게 이용할 수 있습니다.

P粉486138196 2023-08-01 19:17:50 0  1  688

javascript - 현재 페이지에서 전환한 후 이 페이지의 js 애니메이션이 일시중지됩니까?

현재 페이지를 전환하면 페이지의 js 애니메이션이 일시 중지됩니다. 이 문제를 어떻게 해결할 수 있나요? ! !

高洛峰 2017-07-05 10:46:38 0  1  965

jquery 토글 너비 애니메이션을 중간에 중지하고 다시 닫는 방법은 무엇입니까?

이 질문이 혼란스러울 수도 있지만 예를 들어 보겠습니다. 너비를 전환하는 버튼을 클릭하면 버튼을 누른 후에도 div가 계속 애니메이션을 실행하는데 이는 이상해 보이지 않습니다. 내가 원하는 것은 div가 중간에 멈추고 다른 방향으로 이동하고 버튼을 다시 눌렀을 때 기존 애니메이션이 완료되지 않는 것입니다. $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40 0  2  417

차트 데이터가 변경되면 Google 차트 애니메이션이 가시성을 잃습니다.

Google 차트 애니메이션이 제대로 작동하는 데 문제가 있습니다. 문제는 단순히 데이터를 업데이트하는 것이 아니라 차트를 계속 다시 그리는 것이 문제라고 생각하는데, Google의 샘플 코드와 JavaScript에 대한 제한된 지식을 바탕으로 이 문제를 해결하는 방법을 잘 모르겠습니다. 차트는 결국 데이터 소스의 데이터를 동적으로 업데이트하므로 차트를 업데이트하는 버튼을 포함하고 싶지 않습니다. 데이터 변경 사항을 적절하게 애니메이션화하려면 차트를 어떻게 업데이트해야 합니까? 참조: https://developers.google....

P粉170438285 2023-09-02 12:32:58 0  1  764

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

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

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

JavaScript 및 Jquery: 클릭한 요소의 인덱스 찾기

슬라이드쇼를 만들고 있는데 다음 질문에 어려움을 겪고 있습니다. 레이블을 클릭할 때 배열에서 위치(색인)를 어떻게 찾나요? 다음 코드 부분은 모든 태그를 얻습니다. this.thumbs=this.nav.find('a'); 어디서 시작되나요? 한 가지 더 문제 - 라벨을 클릭하면 라벨 내부의 div 클래스를 전환해야 합니다(div 라벨은 classpromo_tumb_current를 가져와야 하고 해당 라벨이 있는 div는 클래스를 잃어야 합니다). HTML 코드: <divclass=&

P粉022140576 2023-08-25 14:55:21 0  1  571

ant.design v5.2.0 - date.locale은 "ant.design v5.2.0 - date.locale은 호출 가능한 함수가 아닙니다."로 다시 작성된 함수가 아닙니다.

다음과 같은 문제가 있습니다. ant.design 버전 5.2.0을 사용하고 있습니다. 다음과 같은 방법으로 <DatePicker> 구성 요소를 사용할 때 dayjs 형식의 날짜를 Form.Item에 전달할 때 항상 추가 오류 메시지가 표시됩니다. 오류는 발생하지 않지만 미리 채워지지는 않습니다. 날짜 선택기의 값 중 하나입니다. 또 무엇을 시도할 수 있나요? 다음은 소스 코드에서 발췌한 내용입니다. <Formform={formRef}onF

P粉488464731 2023-08-25 09:05:00 0  1  589

웹 프런트엔드 페이지에 테이블 효과를 구현합니다. 이 테이블은 편집 가능합니다.

도시 방어 데이터를 표시하기 위해 페이지에 테이블이 사용되지만, 이 테이블은 편집 가능하며, 작업을 실행 취소하고 반환할 수도 있습니다. 이런 일을 해본 사람이 있나요? 조언 좀 부탁드립니다.

鸢尾花 2018-05-07 15:08:24 0  1  2541

browsersync로 감지한 정적 페이지는 index.html이라는 이름만 지정할 수 있으며, 데모.html은 실시간 동기화에 사용할 수 없습니다. wamp 환경과 같이 동적 페이지 감지 시 browsersync를 사용하여 페이지를 열 수는 있지만 동기화는 불가능합니다. 달성된다.

browsersync로 감지한 정적 페이지는 index.html이라는 이름만 지정할 수 있으며, 데모.html은 실시간 동기화에 사용할 수 없습니다. wamp 환경과 같이 동적 페이지 감지 시 browsersync를 사용하여 페이지를 열 수 있지만 명령은 다음과 같습니다. 정적 페이지를 동기화하는 데 사용되는 기능을 구현할 수 없습니다. (목차) 파일이 있는 디렉터리로 전환합니다. browser-sync start --server --files "*.html"(index.html로만 이름을 지정할 수 있습니다. 데...

phpcn_u93986 2018-06-11 21:13:39 0  1  1665

애니메이션 숫자 카운터의 쉼표 배치

나는 각 숫자 옆에 기호(+, % 등)가 있는 스크롤 애니메이션 숫자 카운터를 제공하는 HTML, CSS 및 JavaScript의 다양한 조합을 시도해 왔습니다. 마침내 올바른 조합을 찾았지만 아직 완벽하지는 않습니다. 1,000 이상의 숫자에 쉼표를 추가하고 싶지만 HTML에 쉼표를 추가하면 NaN 출력이 생성됩니다. 저는 JavaScript를 처음 접했고 쉼표를 표시하기 위해 현재 코드에서 무엇을 추가하거나 수정해야 할지 모르겠습니다. 누구든지 내 현재 코드를 다시 작성하여 쉼표를 표시하거나 이를 수행하는 방법을 안내할 수 있습...

P粉277824378 2024-01-16 14:43:34 0  1  597

javascript - JS 이벤트 버블링 문제

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

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

대시가 있는 표 셀이 HTML/CSS로 줄바꿈되지 않도록 하는 방법은 무엇입니까?

제 질문이 표 셀에서 텍스트 줄 바꿈을 방지하는 방법과 매우 유사하다는 것을 알고 있습니다. 이 질문은 제가 처음 확인한 질문이었습니다. 테이블이 있고 열 중 하나에 긴 설명을 작성하고 다음 열은 날짜입니다. 브라우저는 대시로 구분된 문자열이기 때문에 날짜 열을 래핑하는 것이 좋다고 생각합니다. 현재 나는 다음과 같은 것을 가지고 있습니다: |Description|Date||---------------|--------- --||이건 정말 길어요|2

P粉254077747 2023-08-29 09:18:25 0  2  744

숨겨진 측면 패널 표시: 선택됨

애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사 클래스를 사용하는 것이 좋은 것 같지만 제대로 작동하지 않습니다. 지금까지 가지고 있는 코드는 다음과 같습니다. .site-navigation{z-index:99;ground-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ; 높이:1

P粉647504283 2024-04-06 15:49:33 0  1  570

MySQL에 액세스할 수 없습니다. 오류 코드 1045(28000): 사용자 'bill'@'localhost'에 대한 액세스가 거부되었습니다(비밀번호 사용: yes).

먼저 제안된 많은 질문을 살펴봤지만 관련 답변을 찾지 못했다는 점을 말씀드리고 싶습니다. 제가 하고 있는 일은 다음과 같습니다. AmazonEC2 인스턴스에 연결되어 있습니다. 다음을 사용하여 MySQLroot 사용자에 로그인할 수 있었습니다. mysql-uroot -p 그런 다음 %CREATEUSER'bill'@'%'IDENTIFIEDBY'passpass'; 호스트를 사용하여 새 사용자 청구서를 생성했습니다. bill: grantallprivilegeson*. * 에게

P粉885562567 2023-09-17 09:21:55 0  2  661

vim - 터미널에서 명령 결과를 컷 버전으로 출력합니다(직접 붙여넣기 가능)

{코드...} 위 예시는 파일로 출력되는데, 컷버전으로 출력된다면 어떻게 해야 할까요?

巴扎黑 2017-05-16 16:35:42 0  3  705