애니메이션을 사용하여 두 Div를 교체하는 방법

나는 div를 큰 상자로 표시하고 다른 세 개의 div를 아래에 작은 상자로 표시하려는 프로젝트가 있습니다. 작은 상자를 클릭하면 CSS 전환 효과를 사용하여 크기가 변경되고 큰 상자와 위치가 바뀌...

에서 [CSS3토론 그룹] 2023-08-26 13:55:33 0  1  504

<svg> 요소를 사용하여 다이아몬드 모양을 만드는 방법은 무엇입니까?

HTML5 요소를 사용하여 다이아몬드 모양을 만들려고 합니다. 점을 명시했는데 마름모꼴로 채워지지 않고 한 쌍의 삼각형으로 채워졌네요. 이것이 내 접근 방식입니다. <div><svg...

에서 [CSS3토론 그룹] 2023-08-26 12:41:30 0  1  479

iOS16에서는 Safari iPhone의 Z-index가 적용될 수 없습니다.

모바일 모드(예: Safari의 iPhone)에서 이 클래스 navbar-mobile을 javascript가 있는 탐색 요소에 적용하는 탐색 모음이 있습니다. 그런데 내비게이션 바가 상단에 표시되지...

에서 [CSS3토론 그룹] 2023-08-25 20:33:05 0  1  613

CSS를 통해 한쪽에 각지고 둥근 모서리가 있는 상자를 만드는 방법은 무엇입니까?

나는 현재 이와 같은 것을 만들어야 한다고 생각합니다. 처음에는 클립 경로를 사용하려고 생각했는데 둥근 모서리가 떼어내기 어렵고, 내용으로 인해 버튼 너비가 변경될 때 22.5도를 유지하기가 어렵습...

에서 [CSS3토론 그룹] 2023-08-25 19:46:29 0  1  536

React Bootstrap Modal.Header closeButton 아이콘을 변경하는 방법

저는 ReactBootstrapModal을 사용하고 있습니다. closeButton 아이콘을 변경하려고 합니다. 그러나 그것은 작동하지 않았습니다. <Modal.HeaderclassName='...

에서 [CSS3토론 그룹] 2023-08-25 18:59:18 0  1  467

Google Chrome은 Flexbox 뷰포트를 사용하여 확장 방향을 고정합니다.

요소 사이에 공백이 있거나 가운데 정렬된 콘텐츠가 있는 요소를 배치하면 Google Chrome에 문제가 있습니다. Firefox, IE11, Edge 또는 Safari에서는 요소가 항상 아래쪽으로...

에서 [CSS3토론 그룹] 2023-08-25 17:44:46 0  1  573

슬라이더 진행 표시줄이 슬라이드 수와 일치하지 않습니다.

7개의 항목이 포함된 캐러셀을 만들었습니다. 기본적으로 이 캐러셀에는 5개의 항목이 표시됩니다. 내 데모에서는 두 가지 문제에 직면했습니다. 슬라이더가 무한 반복되도록 설정되었지만 슬라이드 1로 돌...

에서 [CSS3토론 그룹] 2023-08-25 16:17:45 0  1  640

다른 Flex 항목으로 둘러싸여 있을 때 컨테이너의 가운데 Flex 항목을 배치합니다.

저는 Flexbox를 가지고 있습니다(예로 아래 코드 조각 참조). 모든 경우에 플렉스박스 중앙에서 다른 범위가 마커를 기준으로 그 주위로 흐르도록 설정하고 싶습니다. 기본적으로 align-self...

에서 [CSS3토론 그룹] 2023-08-25 14:40:25 0  2  505

p-table의 높이를 창 높이와 동일하게 조정하는 방법

문제: 저는 각도로 프라임 테이블의 높이를 설정하려고 합니다. 나는 온라인에서 많은 것을 검색했지만 지금까지 아무 것도 작동하지 않았습니다(아마도 이 문제가 수년 동안 지속되어 왔으며 프레임워크에 ...

에서 [CSS3토론 그룹] 2023-08-25 12:06:40 0  1  621

SassError: $map: null은 지도가 아닙니다 - Angular 사용자 정의 테마 문제 해결

내 Angular 프로젝트에 대해 다음과 같은 사용자 정의 테마를 만들었습니다. @use'@angular/material'asmat;/*이 파일에 전역 스타일을 추가하거나 다른 스타일 파일을 가져올...

에서 [CSS3토론 그룹] 2023-08-25 11:50:05 0  1  553

필요한 경우에만 하이픈을 표시하시겠습니까? (부드러운 하이픈은 잘리지 않습니다)

하이픈이 불필요하게 렌더링되지 않도록 CSS에서 하이픈이나 소프트 하이픈을 사용할 수 있습니까? 내 목표는 가능한 한 원본 텍스트를 유지하고 너무 길어서 컨테이너 너비에 맞지 않기 때문에 절대적으로...

에서 [CSS3토론 그룹] 2023-08-25 11:10:51 0  2  616

CSS를 사용하여 div의 아래쪽을 안쪽으로 말립니다.

CSS를 사용하여 이 직사각형 div/배경의 아래쪽 가장자리를 구부리고 싶습니다. 결과는 다음과 같습니다. 이를 달성하는 방법을 아는 사람이 있습니까? .curved{margin:0auto;heig...

에서 [CSS3토론 그룹] 2023-08-24 21:15:13 0  2  490

querySelectorAll 및 getElementsBy* 메소드는 무엇을 반환합니까?

getElementsByClassName(및 getElementsByTagName 및 querySelectorAll과 같은 유사한 기능)은 getElementById와 동일한 방식으로 작동합니까? ...

에서 [CSS3토론 그룹] 2023-08-24 19:45:56 0  2  602

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

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

에서 [CSS3토론 그룹] 2023-08-24 18:26:55 0  2  434

n번째 유형/n번째 하위 선택자가 중첩된 요소에 영향을 주지 않는 이유는 무엇입니까?

하나의 div 내에 중첩된 홀수 개의 div의 스타일을 변경하려고 합니다. 어떤 이유로 nth-of-type(odd)이 다른 div 내에 중첩되면 모든 div에 영향을 미칩니다. 다음은 일반 div...

에서 [CSS3토론 그룹] 2023-08-24 16:07:18 0  1  511