Angular에서 원형 SVG 온도 드래거를 만드시겠습니까?

다음은 제가 Angular에서 만들려고 하는 원형 썸 드래거의 정적 데모입니다. rinkle-dashoffset="-260" 설정을 사용하여 엄지손가락 뒤의 원형 경로 끝 근처에 엄지손가락/드래거를 배치하면 -260 음수 오프셋이 예상대로 작동하는 것을 볼 수 있습니다. <bodystyle="width:200px;height:200px;"><svg(mousedown)="onMouseDo

P粉135799949 2024-04-03 09:33:29 0  1  656

squarespace의 mp4 비디오에 원형 테두리를 추가하는 방법

정사각형 공간 비디오에 테두리 반경을 추가하려고 하는데 작동하지 않습니다. 이 작업을 수행하는 방법을 아는 사람이 있나요? 비디오에 원형 테두리를 넣으려고 하는데 다음 코드를 사용해 보았습니다: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  611

재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치

다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.

P粉455093123 2024-04-04 12:31:51 0  1  479

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

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

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

그라데이션이 있는 테두리 이미지에 테두리 반경을 사용할 수 있나요?

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  584

Safari에서 CSS를 사용하여 원형 <button>에 원형 윤곽선을 얻는 방법

동일한 색상 외곽선을 가진 둥근 버튼을 얻으려고 하는데 불가능한 것 같습니다. 윤곽선은 항상 정사각형이 됩니다. a를 사용하여 이를 달성할 수 있는 방법이 있습니까? 아니면 a를 통해서만 달성할 수 있습니까? 버튼{너비:40px;높이:40px;테두리:없음;테두리 반경:40px;커서:포인터;배경색:검정색;디스플레이:상속;개요:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1061

CSS를 사용하여 이미지에 여러 투명 오버레이를 추가하는 방법

어떻게 삼각형을 누르고 하얀 원 위에 내용을 포함시킬 수 있나요? 이미지의 일부로 세 개의 오버레이 모양이 포함된 배경 이미지로 히어로 섹션을 만드는 솔루션을 찾으려고 합니다. 오버레이 위에는 h1, p 및 btn이 있습니다. 디자인이 어떻게 보일지 보여주는 스크린샷을 아래에 포함시켰습니다. 다음 세 가지 오버레이가 있습니다. 하단 투명도가 0%인 직각 모양. 투명도가 있는 외부 원입니다. 투명도가 있는 내부 원. 지금까지 내가 가진 것은 다음과 같습니다. 아래에 스니펫을 포함시켰으며 Codepen에도 작동하는 버전이 있습니다. 원...

P粉777458787 2024-02-25 17:09:14 0  1  476

페이지에서 세 개의 SVG 파일을 가운데 정렬하는 방법은 무엇입니까?

서로 겹쳐지면 그래픽을 만드는 세 개의 별도 SVG 파일이 있습니다. 첫 번째 SVG 파일은 빨간색 삼각형이고, 두 번째는 삼각형 내부에 있는 파란색 원이고, 세 번째는 삼각형 밑면에 있는 보라색 직사각형입니다(삼각형과 직사각형 사이에 약간의 공간이 있음). 내 목표는 세 개의 SVG 파일을 모두 페이지 중앙에 서로 포개어 두는 것입니다. 아래는 내 HTML 및 CSS 코드입니다. *{margin:0;padding:0;box-sizing:border-box;}.graphic{높이:1

P粉998100648 2023-09-07 14:20:58 0  2  647

이미지에서 원형 부분 잘라내기: 단계별 가이드

SVG 경로를 사용하여 이미지를 자르려고 하는데 내 이미지가 맞지 않는 것 같습니다. 이것이 내가 달성하고 싶은 것입니다: 이것이 내가 얻는 것입니다: 이것이 내가 시도한 코드입니다: .topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url( #topbar -img-svg);}<imgsrc="https://picsum.photos/200/200?image

P粉536909186 2023-12-28 10:48:37 0  1  545

Safari는 원형 아바타에 대해 CSS를 지원하지 않습니다.

내 블로그는 gatsbyReact 템플릿을 사용하고 있는데 Safari(iPhone 또는 Mac)에서 열면 아바타 이미지가 둥글지 않습니다. 간단한 코드 블로그 이것은 내 아바타에 사용하는 스타일입니다. bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border - 반경:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  517

Ctrl+shift+J가 하늘을 잘라내지 않은 이유는 무엇입니까?

다각형 올가미 도구를 사용하여 원을 그리면 결과는 원본 이미지를 자르지 않고 선택한 레이어의 복사본입니다. 무슨 일이 일어나고 있는지 설명해주세요.

P粉693705174 2022-09-08 23:07:16 0  0  868

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

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

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

javascript - 플랫리스트 드롭다운 구성 요소 스타일을 사용자 정의하는 방법은 무엇입니까?

1. 먼저, 제가 달성하고 싶은 효과에 대해 말씀드리겠습니다. 휴대폰에서 JD.com과 같은 사진을 끌어당긴 다음, 손을 뗀 후 새 페이지로 이동하세요. 2. 하지만 Flatlist에는 기본 드롭다운 이벤트 {code...}가 있습니다. 문서에서 이 헤더 컨트롤을 변경하는 방법을 모르겠습니다. Android는 기본적으로 검은색 원형 새로 고침 구성 요소를 사용합니다.

PHP中文网 2017-06-08 11:02:39 0  1  1344

다시 작성된 제목은 다음과 같습니다. CSS 3 모양: "Reverse Circle" 또는 "Cut Circle"

"역원"으로 설명할 모양을 만들고 싶습니다. 검은색 선이 div 요소의 외부 테두리를 따라 계속되어야 하기 때문에 이미지가 다소 부정확합니다. 현재 가지고 있는 데모는 다음과 같습니다. http://jsfiddle.net/n9fTF/ 이미지 없이 CSS를 사용할 수 있습니까?

P粉979586159 2023-08-24 18:26:55 0  2  469

하위 div의 왼쪽 여백이 음수이므로 상위 div를 가운데에 맞출 수 없습니다.

다음 div를 만들었지만 음수 왼쪽 여백을 사용하여 아이콘을 오프셋하기 때문에 전체 div를 중앙에 배치할 수 없습니다. 데스크톱에서는 전체 div가 왼쪽으로 조금 이동한 것을 쉽게 알 수 없지만 모바일에서는 원형 아이콘의 왼쪽이 잘려 있기 때문에 무시할 수 있습니다. 전체 div를 중앙에 어떻게 배치할 수 있나요? .icon-text-box{테두리:1pxsolidred;}.icon-box{배경:#fff;border-radius:33px;margin:6remauto

P粉677573079 2024-01-29 15:04:54 0  1  529

CSS Clip-path:circle() 속성을 사용하여 이미지 주위에 원형 테두리를 만듭니다.

이미지 클립 경로:원()에 테두리를 추가하는 방법을 알고 싶습니다. 테두리를 추가하는 다른 방법이 있습니까? 예: border: 5px solid red; 나는 이것을 시도했습니다: .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage" class="roundedimag

P粉875565683 2024-03-31 17:35:30 0  1  570

왼쪽에서 오른쪽으로 더 가까워지고 멀어지는 CSS 애니메이션으로 턴테이블의 유리 외관의 움직임을 시뮬레이션합니다.

정면에서 볼 때 턴테이블 판 위의 유리의 움직임을 시뮬레이션하면서 더 가까워지고 멀어지면서 왼쪽에서 오른쪽으로 수평으로 이동하는 CSS 애니메이션을 만들려고 합니다. 가까이 다가가는데 여전히 잘 보이지 않고, 현재는 원이 아닌 다이아몬드 모양을 따라 움직이는 것처럼 보입니다. 제가 시도한 것은 다음과 같습니다... Roll{display:block;width:100px;height:100px;Background:red;margin:10pxauto10pxauto;animation:ro

P粉208469050 2023-09-04 21:59:55 0  1  572

x%가 빨간색이고 나머지가 흰색인 CSS에서 원형 테두리를 만드는 방법은 무엇입니까? x는 JavaScript 파일의 상태 변수입니까?

처음에는 타이머의 남은 시간을 흰색으로 둘러싸는 타이머 앱을 만들고 있습니다. 타이머의 남은 시간을 둘러싼 링이 점차 빨간색으로 변하고, 타이머가 종료되면 완전히 빨간색으로 변하도록 하고 싶습니다. {remainingTime.hours}:{remainingTime.분}:{remainingTime.seconds}. 쿠

P粉482108310 2023-07-24 18:47:03 0  1  524

이미지를 자르고 이동합니다. 그리드 레이아웃

이미지를 올바른 위치에 놓고 위쪽과 아래쪽을 자르는 데 어려움을 겪고 있습니다. 다음은 다음과 같습니다(영웅 부분): https://www.behance.net/gallery/161732057/CozyMornings-online-store 전체 프로젝트는 그리드 위에 구축됩니다. 컨테이너보다 크고 왼쪽으로 이동하고 위쪽과 아래쪽이 잘린 원형 이미지가 필요합니다. 게다가 반응성이 좋아야 합니다. 패키지에 이미지를 넣으려고 합니다. 이 래퍼에 상대 위치를 지정하고 오버플로를 숨깁니다. 이것은 아니다

P粉548512637 2023-09-15 19:18:46 0  1  650

코드에서 직사각형의 너비와 높이가 원보다 큰데 왜 직사각형이 중앙에 위치하는지 알려주세요.

　 2017-12-17 14:04:07 0  0  1007